gecko/layout/html/tests/block/bugs/4519.html

113 lines
2.5 KiB
HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<title>bug 4519</title>
<style type="text/css">
div {
border: medium solid green;
margin: 40px;
}
div.two, div.four {
width: 300px;
height: 20px;
}
div.three, div.four {
position: relative;
}
p {
margin: 0 20px;
position: relative;
}
p.one {
top: -20px;
left: -20px;
}
p.two {
top: 20px;
left: 20px;
}
p.three {
bottom: -20px;
right: -20px;
}
p.four {
bottom: 20px;
right: 20px;
}
</style>
<div class="one"><p class="one">This is some text.</p></div>
<div class="one"><p class="two">This is some text.</p></div>
<div class="one"><p class="three">This is some text.</p></div>
<div class="one"><p class="four">This is some text.</p></div>
<div class="two"><p class="one">This is some text.</p></div>
<div class="two"><p class="two">This is some text.</p></div>
<div class="two"><p class="three">This is some text.</p></div>
<div class="two"><p class="four">This is some text.</p></div>
<div class="three"><p class="one">This is some text.</p></div>
<div class="three"><p class="two">This is some text.</p></div>
<div class="three"><p class="three">This is some text.</p></div>
<div class="three"><p class="four">This is some text.</p></div>
<div class="four"><p class="one">This is some text.</p></div>
<div class="four"><p class="two">This is some text.</p></div>
<div class="four"><p class="three">This is some text.</p></div>
<div class="four"><p class="four">This is some text.</p></div>
<div class="one">
<p class="one">This is some text.</p>
</div>
<div class="one">
<p class="two">This is some text.</p>
</div>
<div class="one">
<p class="three">This is some text.</p>
</div>
<div class="one">
<p class="four">This is some text.</p>
</div>
<div class="two">
<p class="one">This is some text.</p>
</div>
<div class="two">
<p class="two">This is some text.</p>
</div>
<div class="two">
<p class="three">This is some text.</p>
</div>
<div class="two">
<p class="four">This is some text.</p>
</div>
<div class="three">
<p class="one">This is some text.</p>
</div>
<div class="three">
<p class="two">This is some text.</p>
</div>
<div class="three">
<p class="three">This is some text.</p>
</div>
<div class="three">
<p class="four">This is some text.</p>
</div>
<div class="four">
<p class="one">This is some text.</p>
</div>
<div class="four">
<p class="two">This is some text.</p>
</div>
<div class="four">
<p class="three">This is some text.</p>
</div>
<div class="four">
<p class="four">This is some text.</p>
</div>