The following CSS is applied to the blocks below:
div { width: 250px; margin: 0; border: 0; text-align: center; } #div1 { background: yellow; height: 100px; float: left; clear: left; } #div2 { background: red; height: 40px; float: right; clear: right; } #div3 { background: lime; height: 60px; float: left; clear: left; } #div4 { background: orange; height: 40px; float: right; clear: right; }
Now the question – where should the Fourth block go? Should it be top–aligned with the Third Block (like in Mozilla and Opera), or top–glued with the Second Block (like in Microsoft Internet Explorer)?