<!doctype html>
<head>
<style>
.margin { margin:20px 0 }
p { margin:0 }
span { float:left; width:20px; height:20px; background-color:green }
</style>
<body>
The two green floats should be stacked right on top of one another.
<p><span></span></p>
<div class="margin">
<i>
<div></div>
</i>
</div>
<p><span></span></p>