gecko/layout/html/tests/block/base/width-fixed.html

154 lines
2.7 KiB
HTML

<html>
<head>
<title>Test case for width property as applied to blocks</title>
<style>
div.b { border: 2px solid black; }
div.bp { border: 2px solid black; padding: 2px; }
</style>
</head>
<body>
Fixed width div's with no border or padding:
<div style="width: 200px;">
Text in a div.
Text in a div.
Text in a div.
Text in a div.
</div>
<div style="width: 200px;">
<div style="width: 200px;">
Text in a div.
Text in a div.
Text in a div.
Text in a div.
</div>
<div class="b" style="width: 50px;">
Text in a div.
Text in a div.
Text in a div.
Text in a div.
</div>
<div class="bp" style="width: 50px;">
Text in a div.
Text in a div.
Text in a div.
Text in a div.
</div>
<div class="b" style="width: 200px;">
Text in a div.
Text in a div.
Text in a div.
Text in a div.
</div>
<div class="bp" style="width: 200px;">
Text in a div.
Text in a div.
Text in a div.
Text in a div.
</div>
</div>
<hr>
Fixed width div's with border:
<div class="b" style="width: 200px;">
Text in a div.
Text in a div.
Text in a div.
Text in a div.
</div>
<div class="b" style="width: 200px;">
<div style="width: 200px;">
Text in a div.
Text in a div.
Text in a div.
Text in a div.
</div>
<div class="b" style="width: 50px;">
Text in a div.
Text in a div.
Text in a div.
Text in a div.
</div>
<div class="bp" style="width: 50px;">
Text in a div.
Text in a div.
Text in a div.
Text in a div.
</div>
<div class="b" style="width: 200px;">
Text in a div.
Text in a div.
Text in a div.
Text in a div.
</div>
<div class="bp" style="width: 200px;">
Text in a div.
Text in a div.
Text in a div.
Text in a div.
</div>
</div>
<hr>
Fixed width div's with border and padding:
<div class="bp" style="width: 200px;">
Text in a div.
Text in a div.
Text in a div.
Text in a div.
</div>
<div class="bp" style="width: 200px;">
<div style="width: 200px;">
Text in a div.
Text in a div.
Text in a div.
Text in a div.
</div>
<div class="b" style="width: 50px;">
Text in a div.
Text in a div.
Text in a div.
Text in a div.
</div>
<div class="bp" style="width: 50px;">
Text in a div.
Text in a div.
Text in a div.
Text in a div.
</div>
<div class="b" style="width: 200px;">
Text in a div.
Text in a div.
Text in a div.
Text in a div.
</div>
<div class="bp" style="width: 200px;">
Text in a div.
Text in a div.
Text in a div.
Text in a div.
</div>
</div>
</body>
</html>