<!DOCTYPE html> <html> <head> <title>CSS 2.1 Test Suite: Test for vertical alignment on inline-table</title> <link rel="author" title="L. David Baron" href="https://dbaron.org/" /> <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> <meta name="assert" content="it is a rectangular block that participates in an inline formatting context)." /> <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" /> <meta name="assert" content="The baseline of an 'inline-table' is the baseline of the first row of the table." /> <meta name="flags" content="" /> <style type="text/css"> span#table { display: inline-table; } span#rowgroup { display: table-row-group; } span#row { display: table-row; } span#cell { display: table-cell; } span#table, span#rowgroup, span#row, span#cell { border: 4px solid white; margin: 3px 0; border-width: 4px 0; padding: 9px 0; border-spacing: 0 5px; } span#block { display: block; visibility: hidden; } </style> </head> <body> <table border><tr><td> <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> </td></tr></table> </body> </html>