mirror of
https://github.com/rn10950/RetroZilla.git
synced 2024-11-09 09:20:15 +01:00
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>
|