summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-001.xht
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/box-display/block-in-inline-001.xht')
-rw-r--r--testing/web-platform/tests/css/CSS2/box-display/block-in-inline-001.xht36
1 files changed, 36 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-001.xht b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-001.xht
new file mode 100644
index 0000000000..aed4f2ce28
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/box-display/block-in-inline-001.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: CSS: Blocks Within Inlines - Basic</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/ib/001.xml" type="application/xhtml+xml"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
+ <link rel="match" href="block-in-inline-001-ref.xht" />
+
+ <meta name="assert" content="When an inline box contains a block box,
+ the inline box is broken around the block."/>
+ <style type="text/css">
+ td { border: solid black; padding: 0; background: red; color: red; }
+ .inline { display: inline; background: lime; color: black; }
+ .block { display: block; background: green; }
+ div { color: black; }
+ .a, .c { background: lime; }
+ .b { background: green; }
+ </style>
+ </head>
+ <body>
+ <p>The following two boxes should look identical.</p>
+ <table>
+ <tr>
+ <td>
+ <span class="inline">Line 1<span class="block">Line 2</span>Line 3</span>
+ </td>
+ <td>
+ <div class="a">Line 1</div>
+ <div class="b">Line 2</div>
+ <div class="c">Line 3</div>
+ </td>
+ </tr>
+ </table>
+ </body>
+</html>