div box 내부 리스트 중앙정렬 질문
보담
수고하십니다. 아래처럼 정해진 사이즈의 박스안에 두줄~세줄정도의 팬션리스트를 넣고
링크를 걸고 싶은데..테이블이라면 상하좌우 패딩에 신경안쓰고 쉽게 될것같은데
css코딩은 각 사이를 유지하면서 중앙정렬 시키기 힘들군요.. 아래 css가 맞는지 모르겠습니다만
한다고 했지만 아래 예제처럼 하기가 쉽지않군요...
그리고 팬션5부터 아랫줄로 내려가야하는데 이런거는 어떻게 처리해야 하나요?
-예제
* 팬션1 * 팬션2 * 팬션3 * 팬션4
* 팬션5 * 팬션6 * 팬션7 * 팬션8
style type=text/css
/* 숙박 */
.lod_ttl {width:660px; height:60px; padding:10px; background:url(tap_bg.gif) no-repeat;}
.lod_ttl li{float:left; margin-left:15px; list-style:none; background:url(tap_ico.gif) no-repeat left; padding-left:15px;
font- weight:bold; font-size:14px; }
.lod_ttl a {color:#666;}
.lod_ttl .a:hover {color:#0552d1; text-decoration:underline;}
/style
div class=lod_ttl
ul
lia href=#팬션1/a/li
lia href=#팬션2/a/li
lia href=#팬션3/a/li
lia href=#팬션4/a/li
lia href=#팬션5/a/li
lia href=#팬션6/a/li
lia href=#팬션7/a/li
lia href=#팬션8/a/li
/ul
/div
-
초시계
오늘도 잘배우고 갑니다^^
-
세실
.lod_ttl {width:400px; padding:10px; background:url(tap_bg.gif) no-repeat; border:1px solid #ffcccc; overflow:auto;}
.lod_ttl li{float:left; margin-left:15px; list-style:none; background:url(tap_ico.gif) no-repeat left; padding-left:15px; font-weight:bold