4 <title>CSS
2.1 Test Suite: Test for vertical alignment on inline-block
</title>
5 <link rel=
"author" title=
"L. David Baron" href=
"https://dbaron.org/" />
6 <link rel=
"author" title=
"Mozilla Corporation" href=
"http://mozilla.com/" />
7 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
8 <meta name=
"assert" content=
"This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element." />
9 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/visudet.html#leading" />
10 <meta name=
"assert" content=
"The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge." />
11 <meta name=
"flags" content=
"" />
12 <style type=
"text/css">
13 span
{ display: inline-block
; }
14 span
> span
{ display: block
; visibility: hidden
; }
18 <table border
height=
"200"><tr><td valign=
"bottom">
19 <p>a
<span><span>x
</span>bcd
</span>e
</p>