inline-table-valign-001

Test for vertical alignment on inline-table

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Assertion
it is a rectangular block that participates in an inline formatting context). The baseline of an 'inline-table' is the baseline of the first row of the table.

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html><head>
 3 <link rel="reference" href="inline-table-valign-001-ref.xht">
 4 <title>CSS Test: Test for vertical alignment on inline-table</title>
 5 <link rel="author" title="L. David Baron" href="http://dbaron.org/">
 6 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
 7 <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display">
 8 <meta name="assert" content="it is a rectangular block that participates in an inline formatting context).">
 9 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading">
10 <meta name="assert" content="The baseline of an 'inline-table' is the baseline of the first row of the table.">
11 <meta name="flags" content="">
12 <style type="text/css">
13 span#table { display: inline-table; }
14 span#rowgroup { display: table-row-group; }
15 span#row { display: table-row; }
16 span#cell { display: table-cell; }
17 span#table, span#rowgroup, span#row, span#cell {
18   border: 4px solid white;
19   margin: 3px 0;
20   border-width: 4px 0;
21   padding: 9px 0;
22   border-spacing: 0 5px;
23 }
24 span#block { display: block; visibility: hidden; }
25 </style>
26 </head>
27 <body>
28 <table border=""><tbody><tr><td>
29 <p>a<span id="table"><span id="rowgroup"><span id="row"><span id="cell">bcd<span id="block">x</span></span></span></span></span>e</p>
30 </td></tr></tbody></table>
31 
32 
33 </body></html>