[CSS] 3 DIVs in a row

[Sephiroth]

Demo


CSS

.mydiv:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.mydiv_left {
  overflow:hidden;
  float:left;
}
.mydiv_center {
  overflow:hidden;
  float:left;
}
.mydiv_right {
  overflow:hidden;
  float:left;
}

HTML

<div class="mydiv">
<div class="mydiv_left" > Content here</div>
<div class="mydiv_center" style="margin-left:20px">Content here </div>
<div class="mydiv_right" style="margin-left:20px">Content here </div>
</div>