Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<title>CSS Test: Caption border and table border</title>
<meta name="assert" content="Caption-side, text-align and width properties of a caption work together as expected (example from section 17.4.1)." />
<style type="text/css">
table
{
background-color: blue;
}
caption
{
caption-side: bottom;
text-align: left;
width: auto;
}
td
{
height: 10em;
width: 20em;
}
</style>
</head>
<body>
<p>Test passes if the "Filler Text" is below the blue box and does not extend beyond the boxes right edge.</p>
<table>
<caption>Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</caption>
<tr>
<td></td>
</tr>
</table>
</body>
</html>