1 <!DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
4 <title>CSS Test: Vertical-align set to 'baseline' with a spanning cell
</title>
5 <link rel=
"author" title=
"Microsoft" href=
"http://www.microsoft.com/">
6 <link rel=
"author" title=
"WebKit" href=
"http://www.webkit.org/">
7 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/tables.html#height-layout">
8 <meta name=
"flags" content=
"">
9 <meta name=
"assert" content=
"A spanning cell with Vertical-align set to 'baseline' aligns the cell's content baseline (which is the bottom of the first line of text or in-flow content) with the baseline of the first of the rows it spans.">
10 <style type=
"text/css">
13 vertical-align: baseline
;
28 <!-- The first cell in the row-span is the only one that has a baseline - the others are vertical-align:middle from
29 the HTML4 stylesheet. Its baseline leads it to align to the top of the text of the other two cells. -->
30 <p>Test passes if the top of the black boxes below is aligned.
</p>
34 <div id=
"large">Text
</div>
36 <td id=
"spanning" rowspan=
"3" colspan=
"1">
37 <div id=
"small">Text
</div>
40 <div id=
"large">Text
</div>