css - Justifying Navigation Menu with 2 Rows -
i trying recreate nav menu in css - having hard time getting bit rows justify each other correctly.
i'm not sure formatting li element best - or should try js buttons.
any advice appreciated.
i tried put picture - doesn't have enough reputation ponts - imagine buttons aligned justified.
i have js fiddle here
<nav id="access" class="group" role="navigation"> <ul id="two"> <li><a href="">home</a></li> <li><a href="">about us</a></li> <li><a href="">products</a></li> <li><a href="">education</a></li> <li><a href="">history</a></li> <li><a href="">alumni</a></li> </ul> <ul id="one"> <li><a href="">the phillapines</a></li> <li><a href="">information</a></li> <li><a href="">germany</a></li> <li><a href="">london</a></li> <li><a href=" ">contact us</a></li> </ul> </nav> http://jsfiddle.net/mjkessel/jk26n/2/
for #access ul li add float: left; , #one li , #two-li replace margin-right margin-left , try combine. if want have li same width set width #access ul li
Comments
Post a Comment