haikuwebkit/LayoutTests/fast/block/float/floats-with-negative-horizo...

11 lines
893 B
HTML

<div style="position: relative; width: 500px">
<div style="position: absolute; background-color: red; height: 100px; width: 100px;"></div>
<div style="position: absolute; left: 20px; background-color: green; height: 150px; width: 60px;"></div>
<div style="position: absolute; left: 0px; background-color: blue; height: 50px; width: 40px;"></div>
<div style="position: absolute; left: 100px; background-color: brown; height: 30px; width: 30px;"></div>
<div style="position: absolute; right: 0px; background-color: red; height: 100px; width: 100px;"></div>
<div style="position: absolute; right: 20px; background-color: green; height: 150px; width: 60px;"></div>
<div style="position: absolute; right: 0px; background-color: blue; height: 50px; width: 40px;"></div>
<div style="position: absolute; right: 100px; background-color: brown; height: 30px; width: 30px;"></div>
</div>