<div id="floatLeft">float-left</div>
<div class="normal">normalnormalnormalnormalnormal</div>
<div id="floatRight">float-right</div>
<div class="normal">normalnormalnormalnormalnormal</div>
<div id="floatLeft">float-left</div>
<div class="clear">clearclearclearclearclear</div>
#floatLeft {
float: left;
background: yellow;
}
.normal {
background: skyblue;
}
#floatRight {
float: right;
background: yellowgreen;
}
.clear {
clear: both;
background: skyblue;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.