layout/reftests/bugs/18217-valign-1.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <title>CSS 2.1 Test Suite: 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><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></table>
  31 </body>
  32 </html>