수다닷컴

가로 정렬 형태에 따라 달라집니다.
박스로 처리할것인지, 단순히 텍스트만 정렬할것인지...
display:inline-block는 ie7에서 적용되지 않으므로 추천안합니다.

전체를 박스로 묶을 경우
li{float:left;}
li a{display:block } // 보통 링크가 걸리므로 a태그에 블럭주고 위에 li에서 옆으로 붙이면 되고

단순히 옆으로 텍스트 정렬할 경우
li{display:inline ; } 이렇게만 하면 텍스트와 다음 텍스트

상황에 따라서 float를 쓰기도하고 display:inline를 쓰기도 합니다. 다만 display:inline는 블럭을 인라인형으로 바꿔주기 때문에 주의하셔야 되구요.

ul{overflow:hidden;}
li{float:left;}

css3
display:box

감사 합니다~~

li { float:left; or display:inline-block }