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>
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>