<!DOCTYPE html>
<html lang="ko">
<head>
<title> 14.float </title>
<style>
/* 1.
div{border: 1px solid blue;
width: 100px; height: 100px; } */
/* 2. div 블럭 요소의 세로 배치를 가로 배치로 변경 */
div{border: 1px solid blue;
width: 100px; height: 100px; float: left;}
.box4{float:right;}
</style>
</head>
<body>
<!-- float 레이어 배치하기 -->
<div>BOX1</div>
<div>BOX2</div>
<div>BOX3</div>
<div class="box4">Box4</div>
</body>
</html>