본문 바로가기
CSS HTML5/퍼블리싱 팁

가로로 나열되며 l 로 나뉘는 메뉴

by KJY.Design 2016. 11. 9.
반응형


.list01{width:100%; background:#fff; overflow:hidden;}
.list01 li{float:left; margin:3px 0 3px -1px; padding:0 12px 0 14px; background:url(
img/bu_bar01.gif) no-repeat left 2px; white-space:nowrap}

<ul class="list01">
<li><a href="#">etc_1</a></li>
<li><a href="#">etc_1</a></li>
<li><a href="#">etc_1</a></li>
<li><a href="#">etc_1</a></li>
</ul>

반응형