gecko-dev/testing/web-platform/tests/css/CSS2/tables/table-intro-example-002.xht
James Graham a1b638d149 Bug 1381842 - Update web-platform-tests to revision 85ae24e3dc80ee63b6dc2ed78a922cff68c6e819, a=testonly
MozReview-Commit-ID: DfvN9mAFYhI


--HG--
rename : testing/web-platform/tests/conformance-checkers/html-svg/animate-elem-77-t-novalid.html => testing/web-platform/tests/conformance-checkers/html-svg/animate-elem-77-t-isvalid.html
rename : testing/web-platform/tests/conformance-checkers/html-svg/linking-a-10-f-novalid.html => testing/web-platform/tests/conformance-checkers/html-svg/linking-a-10-f-isvalid.html
rename : testing/web-platform/tests/conformance-checkers/html/elements/picture/srcset-microsyntax-leading-dot-x-novalid.html => testing/web-platform/tests/conformance-checkers/html/elements/picture/srcset-microsyntax-leading-dot-x-valid.html
rename : testing/web-platform/tests/content-security-policy/_unapproved/script-nonces-hidden.html.headers => testing/web-platform/tests/content-security-policy/nonce-hiding/script-nonces-hidden.tentative.html.headers
rename : testing/web-platform/tests/content-security-policy/_unapproved/svgscript-nonces-hidden.html.headers => testing/web-platform/tests/content-security-policy/nonce-hiding/svgscript-nonces-hidden.tentative.html.headers
rename : testing/web-platform/tests/html/semantics/interactive-elements/context-menus/contextmenu-event-manual.htm => testing/web-platform/tests/html/webappapis/scripting/events/contextmenu-event-manual.htm
2017-07-20 13:05:25 +01:00

50 lines
1.7 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Introduction to Tables (vertical-align)</title>
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" />
<meta name="assert" content="'vertical-align' can be set on table cells (example from section 17.1)." />
<style type="text/css">
caption
{
color: blue;
}
td
{
border: 1px solid blue;
height: 5em;
vertical-align: middle;
width: 10em;
}
th
{
border: 1px solid blue;
height: 5em;
vertical-align: baseline;
width: 10em;
}
</style>
</head>
<body>
<p>Test passes if the text in the left-most box column is at the very top of the column and text in the other two columns is vertically centered.</p>
<table>
<caption>This is a simple 3x3 table</caption>
<tr id="row1">
<th>Header 1</th>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
<tr id="row2">
<th>Header 2</th>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
<tr id="row3">
<th>Header 3</th>
<td>Cell 5</td>
<td>Cell 6</td>
</tr>
</table>
</body>
</html>