CSS Float statement
Posted
by Jordan Pagaduan
on Stack Overflow
See other posts from Stack Overflow
or by Jordan Pagaduan
Published on 2010-04-30T18:48:41Z
Indexed on
2010/04/30
19:07 UTC
Read the original article
Hit count: 255
.float1 {
float: left;
width: 50%;
height: 50%;
}
.float2 {
float: right;
width: 50%;
height: 50%;
}
.float3 {
float: left;
width: 50%;
height: 50%;
}
.float4 {
float: right;
width: 50%;
height: 50%;
}
.clear {
clear: both;
}
HTML:
<div class="float1">Float 1</div>
<div class="float2">Float 2</div>
<div class="clear"></div>
<div class="float3">Float 3</div>
<div class="float4">Float 4</div>
<div class="clear"></div>
I want an output like this image:
Please Correct my css code. Thank you.
© Stack Overflow or respective owner
