ul / li 를 이용한 가로 정렬 방법

외국사이트에서 적용한 예제

 

http://www.secondpicture.com/tutorials/web_design/css_ul_li_horizontal_css_menu.html

 

영어지만 대충 스타일만 복사하자

 

대략 주요 스타일로는

 

ul {list-style-type:none;margin:0;padding:0}

li {float:left}

 

예제사이트에서는 백그라운드, 경계선적용 등 확장된 스타일을 확인할 수 있다.

 

 

tag 설명 : http://www.alistapart.com/articles/taminglists/