2 행으로 탐색 메뉴를 정당화하기

Question

CSS에서이 탐색 메뉴를 다시 만들려고합니다. 그러나 올바르게 맞출 수있는 비트 행을 얻는 데 어려움을 겪고 있습니다.

li 요소로 서식을 지정하는 것이 가장 좋으며 JS 단추를 사용해야합니까?

모든 조언을 주시면 감사하겠습니다.

나는 그림을 올리려고했지만 충분한 평판이있는 것처럼 보이지는 않는다. 그러나 모든 버튼이 정당화되었다고 상상해 보라.

나는 여기까지

<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/ 

Answer 1

# 액세스 UL 리튬의 추가 플로트를 들어 JS 바이올린을 가지고 : 왼쪽; #one li 및 # two-li의 경우 margin-right 대신 margin-left를 사용하고 이제는 결합을 시도하십시오. #access ul li에 대해 너비가 동일한 너비로 모든 리를 갖고 싶다면