티스토리 뷰
div를 좌우로 인라인요소처럼 배열하고 싶을때는 선 객체에 float:left;로 왼쪽 정렬을 설정하고,
뒤에 오는 객체는 display:inline-block;로 내용 영역을 채워줍니다.
아래 소스를 첨부했으니 테스트 해보세요.
<style>
.box1 {
float:left; width:200px; height:100px; background-color:#234234;}
.box2 {
display:inline-block; width:200px; height:100px; background-color:#666666; margin-left:10px;}
</style>
<body>
<div class="box1"></div>
<div class="box2"></div>
</body>
<위 소스에 대한 결과 화면>
'WEB&HTML&CSS' 관련 글 +더보기
MrZZang
