mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-31 06:05:44 +00:00
30 lines
953 B
HTML
30 lines
953 B
HTML
<HTML>
|
|
<HEAD>
|
|
<STYLE type="text/css">
|
|
.w1 { width: 100px; border: solid 2px green; }
|
|
.w2 { width: 50%; border: solid 2px green; }
|
|
.w3 { width: 100%; border: solid 2px green; }
|
|
</STYLE>
|
|
</HEAD>
|
|
<BODY>
|
|
This test demonstrates the "width" style property as applied to blocks:
|
|
<DIV CLASS=w1>
|
|
This block should be 100 pixels wide with zero margins which means
|
|
that it should be attached to the left edge because the outer block
|
|
has a direction of left-to-right.
|
|
</DIV>
|
|
<DIV CLASS=w2>
|
|
This block should be half the width of its parent,
|
|
with zero margins which means
|
|
that it should be attached to the left edge because the outer block
|
|
has a direction of left-to-right.
|
|
</DIV>
|
|
<DIV CLASS=w3>
|
|
This block should be 100% the width of its parent,
|
|
with zero margins which means
|
|
that it should be attached to the left edge because the outer block
|
|
has a direction of left-to-right.
|
|
</DIV>
|
|
</BODY>
|
|
</HTML>
|