Return to Snippet

Revision: 41301
at February 16, 2011 00:11 by blueocto


Initial Code
<ul id="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;
}

Initial URL
http://csswizardry.com/2011/01/create-a-centred-horizontal-navigation/

Initial Description

                                

Initial Title
Create a centred horizontal navigation

Initial Tags

                                

Initial Language
CSS