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: Finding the baseline of a cell when no in-flow lines or rows</title>
5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
6 <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout">
7 <meta name="flags" content="">
8 <meta name="assert" content="The baseline of a cell is determined by the bottom content edge of a cell when in-flow line boxes and table rows are not present.">
9 <style type="text/css">
10 table
11 {
12 border-collapse: collapse;
13 border-spacing: 0;
14 height: 200px;
15 }
16 td
17 {
18 padding: 0;
19 vertical-align: baseline;
20 }
21 div, button
22 {
23 background: white;
24 border: none;
25 font: 64px serif;
26 padding: 0;
27 margin: 0;
28 }
29 div
30 {
31 margin-left: -10px;
32 }
33 </style>
34 </head>
35 <body>
36 <p>Test passes if there is a single continuous, unbroken line below.</p>
37 <table>
38 <tr>
39 <td><button>__________</button></td>
40 <td><div>__________</div></td>
41 </tr>
42 </table>
43 </body>
44 </html>