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 body { color: blue; }
10 td { text-align: center; }
11 td, span, .three { border-bottom: blue 2px solid; }
12 .skip { border-bottom: none; }
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 <p>There should be a solid blue line directly under every occurrence of the word "<span>HERE ⇩</span>". (So there should be 7 blue lines on this page.)</p>
18 <table>
19 <tr>
20 <td colspan="2">
21 HERE ⇩
22 </td>
23 </tr>
24 <tr>
25 <td>
26 HERE ⇩
27 </td>
28 <td class="skip">
29 <table>
30 <tr>
31 <td>
32 HERE ⇩
33 </td>
34 </tr>
35 </table>
36 dummy text
37 </td>
38 </tr>
39 </table>
40 <ul>
41 <li class="three">
42 <ul>
43 <li>dummy text</li>
44 <li>dummy text</li>
45 <li>dummy text</li>
46 </ul>
47 HERE ⇩
48 </li>
49 <li class="three">HERE ⇩</li>
50 <li class="three">HERE ⇩</li>
51 </ul>
52 </body>
53 </html>