/ Published in: CSS
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
<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; }
URL: http://csswizardry.com/2011/01/create-a-centred-horizontal-navigation/