// 에드센스
반응형
<style>
.tabMenu{display: inline-block; margin: 0;padding: 0;}
.tabMenu li{float: left; list-style: none; border: 1px solid red; margin-left: 2px;}
.tabMenu:after{clear: both; display: block; content:'';}
</style>

<ul class='tabMenu'>
    <li>탭메뉴1</li>
    <li>탭메뉴2</li>
    <li>탭메뉴3</li>
    <li>탭메뉴4</li>
    <li>탭메뉴5</li>
</ul>

:after이라는 가상의 선택자를 두어 tabMenu라는 클래스의 맨 뒤에 아무 내용이 없는 블럭태그와 clear:both 속성을 줌

같은내용 = <div style="clear:both;"></div>를 style만으로 속성을 줌.


반응형

+ Recent posts