<div style="float: left;width: 100px;border-style: solid;border-color: orange;">
left floating left floating left floating left floating left floating left floating left floating left floating left floating left floating left floating left floating left floating left floating left floating left floating left floating left floating left floating
</div>
<div style="float: right;border-style: solid;border-color: blue;">
right floating right floating right<br/>
floating right floating right <br/>
floating right floating right <br/>
floating right floating right <br/>
floating right floating right <br/>
floating right floating right <br/>
floating
</div>
<div style="layout:block;border-style: solid;border-color: green;">
middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle middle
</div>
<div style="display:block;border-style: solid;border-color: red;clear: both">
footer footer footer footer footer footer footer footer footer footer footer footer footer footer footer footer footer footer footer footer footer footer footer footer footer footer footer footer footer
</div>