1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <title>CSS Test: width</title>
5 <meta name="flags" content="image">
6 <link rel="help" href="http://www.w3.org/TR/REC-CSS1#width">
7 <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html">
8 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
9 <style type="text/css">
10 body { background: url(support/ruler-h-50%25.png) bottom center no-repeat; padding: 0 0 40px; }
11 div { color: blue; width: 50%; }
12 </style>
13 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" title="10.2 Content width: the 'width' property">
14 </head>
15 <body>
16 <p>The blue text should not go past the 50% mark on the ruler
17 below.</p>
18 <div>a bit of dummy text a bit of dummy text a bit of dummy text a
19 bit of dummy text a bit of dummy text a bit of dummy text a bit of
20 dummy text a bit of dummy text a bit of dummy text a bit of dummy
21 text a bit of dummy text a bit of dummy text a bit of dummy text a
22 bit of dummy text a bit of dummy text a bit of dummy text a bit of
23 dummy text a bit of dummy text a bit of dummy text a bit of dummy
24 text a bit of dummy text a bit of dummy text a bit of dummy text a
25 bit of dummy text a bit of dummy text a bit of dummy text a bit of
26 dummy text a bit of dummy text a bit of dummy text a bit of dummy
27 text a bit of dummy text a bit of dummy text a bit of dummy text a
28 bit of dummy text a bit of dummy text a bit of dummy text a bit of
29 dummy text a bit of dummy text a bit of dummy text a bit of dummy
30 text a bit of dummy text a bit of dummy text a bit of dummy text a
31 bit of dummy text a bit of dummy text a bit of dummy text a bit of
32 dummy text a bit of dummy text a bit of dummy text a bit of dummy
33 text a bit of dummy text a bit of dummy text a bit of dummy text a
34 bit of dummy text a bit of dummy text a bit of dummy text a bit of
35 dummy text a bit of dummy text a bit of dummy text a bit of dummy
36 text a bit of dummy text a bit of dummy text a bit of dummy text a
37 bit of dummy text a bit of dummy text a bit of dummy text a bit of
38 dummy text a bit of dummy text a bit of dummy text a bit of dummy
39 text a bit of dummy text a bit of dummy text a bit of dummy text a
40 bit of dummy text a bit of dummy text a bit of dummy text a bit of
41 dummy text a bit of dummy text a bit of dummy text a bit of dummy
42 text a bit of dummy text a bit of dummy text a bit of dummy
43 text</div>
44 </body>
45 </html>