html 상단 메뉴바 제작중 문의입니다..

navystyle의 이미지

옥션 모바일웹을 예로들자면.. 상단메뉴바가 사파리 창을 좌우로 늘리면

메뉴 이미지는 센터에고정되있고 스마트폰 크기로 창을줄이면 메뉴 이미지

그 크기만큼 줄어들잖아요?

ul태그에 li이 3번사용되서 작성된건 알겠는데

li사이에 어떻게 구분선을 그었길래 li 3개를 따로따로 가운데정렬시켰는지

궁금합니다..

File attachments: 
첨부파일 크기
Image icon 1234.jpg199.44 KB
Image icon 123.jpg100.78 KB
익명 사용자의 이미지

알겠긴한데 이미지 뿐이니..

컨테이너를 화면 와이드 백퍼로 잡고 LI를 퍼센트 단위로 한것 같군요

모바일에선 css3가 기본이니 inline-block으로 자연스럽게 됬을 것 같습니다.