clear

by rootjang

HTML

<!DOCTYPE html>
<html lang="ko-KR">
<head>
  <meta charset="UTF-8">
  <title>clear</title>
</head>
<body>
  <div class="box1">box1</div>
  <div class="box2">box2</div>
  <div class="box3">box3</div>
  <div class="box4">box4</div>
</body>
</html>

CSS

.box1 {
  float: left;
  background: yellow;
  padding: 15px;
  margin-right: 10px;
}

.box2 {
  float: left;
  background: red;
  margin-righ
}

.box3 {
  background: green;
}

.box4 {
  clear: both;
  background: skyblue;
}