aboutsummaryrefslogtreecommitdiffstats
path: root/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-basic-ref.htm
diff options
context:
space:
mode:
Diffstat (limited to 'tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-basic-ref.htm')
-rw-r--r--tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-basic-ref.htm69
1 files changed, 69 insertions, 0 deletions
diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-basic-ref.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-basic-ref.htm
new file mode 100644
index 00000000000..07df704c6dc
--- /dev/null
+++ b/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/multicol-basic-ref.htm
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html><!-- Submitted from TestTWF Paris --><head>
+ <title>CSS Test reference</title>
+ <link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann">
+ <link href="http://fantasai.inkedblade.net/contact" rel="reviewer" title="Elika J Etemad">
+ <meta content="ahem" name="flags">
+
+ <style type="text/css">
+ .multicol-wrapper>*{
+ font-family: Ahem;
+ }
+
+ div.multicol-wrapper{
+ border: thin solid black;
+ display: inline-block;
+ margin: 1em auto;
+ width: 360px;
+ }
+
+ .multicol-basic-ref{
+ background: yellow;
+ width: 360px;
+ border-spacing: 0;
+ border-collapse: collapse;
+ padding: 0;
+ }
+
+ .multicol-basic-ref td{
+ padding: 0;
+ }
+ .multicol-basic-ref-item{
+ padding: 0;
+ width: 120px;
+ background: #000;
+ border-spacing: 0;
+ border-collapse: collapse;
+ display: inline;
+ border: none;
+ }
+
+ .item-1{
+ background: purple;
+ color: purple;
+ }
+
+ .item-2{
+ background: orange;
+ color: orange;
+ }
+
+ .item-3{
+ background: blue;
+ color: blue;
+ }
+ </style>
+</head>
+<body>
+<p>Test passes if there are three vertical stripes in the yellow box below: 1st purple, 2nd orange, 3rd blue.</p>
+<div class="multicol-wrapper">
+ <table class="multicol-basic-ref">
+ <tbody><tr>
+ <td><div class="multicol-basic-ref-item item-1">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</div></td>
+ <td><div class="multicol-basic-ref-item item-2">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</div></td>
+ <td><div class="multicol-basic-ref-item item-3">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</div></td>
+ </tr>
+ </tbody></table>
+</div>
+
+</body></html> \ No newline at end of file