154 lines
2.7 KiB
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>
|