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

Popular posts from this blog

SPSS keyboard combination alters encoding -

Add new record to the table by click on the button in Microsoft Access -

javascript - jQuery .height() return 0 when visible but non-0 when hidden -