Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<style>
.container {
display: flow-root;
position: relative;
margin-bottom: 20px;
}
</style>
<p>There should be no red below, only green.</p>
<div style="height:10px;"></div>
<div class="container">
<div style="margin-left:50px; width:20px; height:10px; background:green;"></div>
</div>
<div class="container">
<div style="width:100px; height:20px; background:green;"></div>
</div>
<div class="container">
<div style="width:70px; height:20px; background:green;"></div>
</div>
<div class="container">
<div style="float:left; margin-left:110px; margin-top:40px; width:10px; height:10px; background:green;"></div>
<div style="float:left; margin-left:10px; margin-top:40px; width:20px; height:10px; background:green;"></div>
<div style="float:left; margin-left:10px; width:80px; height:50px; background:green;"></div>
<div style="float:left; margin-left:10px; width:30px; height:10px; background:green;"></div>
</div>