-
[CSS] 3 DIVs in a row
Demo
CSS
Code:
.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
Code:
<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>