Skip to content

Instantly share code, notes, and snippets.

@dorofteiiuliana

dorofteiiuliana/Create a centred horizontal navigation

Created August 4, 2016 09:46
Show Gist options
  • Save dorofteiiuliana/99010612de647b09c9e80364b40b96fb to your computer and use it in GitHub Desktop.
Save dorofteiiuliana/99010612de647b09c9e80364b40b96fb to your computer and use it in GitHub Desktop.
Download ZIP
Create a centred horizontal navigation
Raw
Create a centred horizontal navigation
<ul class="nav">
<li><a href="/">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/work/">Work</a></li>
<li><a href="/clients/">Clients</a></li>
<li><a href="/contact/">Contact</a></li>
</ul>
.nav{
border:1px solid #ccc;
border-width:1px 0;
list-style:none;
margin:0;
padding:0;
text-align:center;
}
.nav li{
display:inline;
}
.nav a{
display:inline-block;
padding:10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment