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: border-bottom</title>
5 <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-bottom">
6 <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html">
7 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
8 <style type="text/css">
9 p { color: silver; }
10 span { color: blue; }
11 .one { border-bottom: blue double 10px; }
12 .two { border-bottom: blue thin solid; }
13 </style>
14 <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties">
15 </head>
16 <body>
17 <div>The blue bits of text should be decorated as described.</div>
18 <p>
19 dummy text dummy text dummy text dummy text dummy text dummy text
20 dummy text dummy text dummy text dummy text dummy text dummy text
21 dummy text dummy text dummy text dummy text dummy text dummy text
22 dummy text dummy text dummy text dummy text dummy text dummy text
23 dummy text dummy text dummy text dummy text dummy text dummy text
24 dummy text dummy text dummy text dummy text dummy text dummy text
25 <span class="one">two blue lines below</span> dummy text dummy text
26 dummy text dummy text dummy text dummy text dummy text dummy text
27 dummy text dummy text dummy text dummy text dummy text dummy text
28 dummy text dummy text dummy text dummy text dummy text dummy text
29 dummy text dummy text dummy text dummy text dummy text dummy text
30 dummy text dummy text dummy text dummy text dummy text dummy text
31 dummy text dummy text dummy text dummy text dummy text dummy text
32 dummy text dummy text <span class="two">one thin blue line
33 below</span> dummy text dummy text dummy text dummy text dummy text
34 dummy text dummy text dummy text dummy text dummy text dummy text
35 dummy text dummy text dummy text dummy text dummy text dummy text
36 dummy text dummy text dummy text dummy text dummy text dummy text
37 dummy text dummy text dummy text dummy text dummy text dummy text
38 dummy text dummy text dummy text dummy text dummy text dummy text
39 dummy text dummy text dummy text dummy text
40 </p>
41 <div>(All the lines of text in the block above should be equally spaced.)</div>
42 </body>
43 </html>