PDA

View Full Version : [CSS] 3 DIVs in a row



Sephiroth
06-28-2014, 12:08 PM
http://www.360haven.com/tutorials/3divsinarow.html


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>