table-height-algorithm-032

Inline-table baseline and caption

WeasyPrint

This browser

Assertion
A table caption does not set the baseline for an inline-table.

Source

 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: Inline-table baseline and caption</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         <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading">
 8         <meta name="flags" content="">
 9         <meta name="assert" content="A table caption does not set the baseline for an inline-table.">
10         <style type="text/css">
11             table
12             {
13                 display: inline-table;
14             }
15             caption
16             {
17                 color: white;
18             }
19             td
20             {
21                 border: 1px solid black;
22                 height: 100px;
23                 vertical-align: baseline;
24             }
25         </style>
26     </head>
27     <body>
28         <p>Test passes if the bottoms of the two sets of "Filler Text" below are aligned.</p>
29         <table>
30             <tr>
31                 <td>
32                     <table>
33                         <caption>Filler Text</caption>
34                         <tr>
35                             <td>Filler Text</td>
36                         </tr>
37                     </table>
38                 </td>
39                 <td>Filler Text</td>
40             </tr>
41         </table>
42     </body>
43 </html>