A Pen by Tu Chu Quang.

IDpeo.markdown

IDpeo

A Pen by Tu Chu Quang on CodePen.

License.

index.html

<div class="container">
  <div class="col div-1">A</div>
  <div class="col div-2">B</div>
  <div class="col div-3">C</div>
</div>

style.css

.div-1 {
  background-color: red;
}
.div-2 {
  background-color: green;
}
.div-3 {
  background-color: blue;
}

.col {
  width: 30%;
  float: left;
  position: relative;
  margin-left: 50px;
}

.container {
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}