CSS HTML5/퍼블리싱 팁

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

웹디자이너 Kang Ji Yeon 2016. 11. 9. 20:33
반응형


.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>

반응형