mirror of
https://github.com/servo/servo
synced 2026-04-28 18:37:39 +02:00
62 lines
2.8 KiB
HTML
62 lines
2.8 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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
<title>CSS Test: The anonymous box around a table as an 'inline-block' box</title>
|
|
<style type="text/css">
|
|
@page { font: italic 8pt sans-serif; color: gray;
|
|
margin: 7%;
|
|
counter-increment: page;
|
|
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
|
@top-right { content: "Test table-anonymous-block-014"; }
|
|
@bottom-right { content: counter(page); }
|
|
}
|
|
</style>
|
|
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
|
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" />
|
|
<meta name="flags" content="" />
|
|
<meta name="assert" content="The anonymous box around a table is an 'inline-block' box if the table is inline-level." />
|
|
<style type="text/css">
|
|
#table
|
|
{
|
|
display: inline-table;
|
|
background: orange;
|
|
color: orange;
|
|
}
|
|
#div1
|
|
{
|
|
color: silver;
|
|
}
|
|
#caption
|
|
{
|
|
display: table-caption;
|
|
color: blue;
|
|
background: blue;
|
|
}
|
|
#tr
|
|
{
|
|
display: table-row;
|
|
}
|
|
#td
|
|
{
|
|
display: table-cell;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>Test passes if the blue box is stacked on top of the orange box, the boxes do not take up the whole width of the page, and "Filler Text" flows to the left and right of the orange bar.</p>
|
|
<div id="div1">Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
|
|
Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
|
|
Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
|
|
<div id="table">
|
|
<div id="caption">Filler TextFiller Text</div>
|
|
<div id="tr">
|
|
<div id="td">Filler TextFiller Text</div>
|
|
</div>
|
|
</div>
|
|
Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
|
|
Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
|
|
Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
|
|
Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
|
|
</div>
|
|
</body>
|
|
</html> |