DIV로 칸 나누는 법좀 알려주세요. 정보
DIV로 칸 나누는 법좀 알려주세요.
본문
다음과 같이 div로 list라는 박스를 만들었습니다. (최근게시물처럼 박스에 제목,항목표시되는...)
아래 코드로는 항목을 추가하면 아래로 쭉 길게 표시가 됩니다.
이 항목 부분을 4열로 만들려면 어떻게 해야하나요? 400px사이즈 리스트박스라 항목 1열당 100px정도로 되야할것같습니다.
<div class='list'>
<h1>리스트제목</h1>
<ul>
<li>항목1</li>
<li>항목2</li>
<li>항목3</li>
<li>항목4</li>
</ul>
</div>
댓글 전체
<style type='text/css'>
.list UL { clear:both; }
.list LI { float:left; width:100px; }
</style>
.list UL { clear:both; }
.list LI { float:left; width:100px; }
</style>
또는
<style type='text/css'>
.list UL { display:block; list-style:none }
.list LI { width:100px; }
</style>
<style type='text/css'>
.list UL { display:block; list-style:none }
.list LI { width:100px; }
</style>