1 files changed, 72 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-multicol/reference/multicol-basic-ref.html b/testing/web-platform/tests/css/css-multicol/reference/multicol-basic-ref.html
new file mode 100644
index 0000000000..33b4469428
--- /dev/null
+++ b/testing/web-platform/tests/css/css-multicol/reference/multicol-basic-ref.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+<!-- Submitted from TestTWF Paris -->
+<head>
+	<title>CSS Test reference</title>
+	<link rel="author" title="Anselm Hannemann" href="mailto:info@anselm-hannemann.com"/>
+	<link rel="reviewer" title="Elika J Etemad" href="http://fantasai.inkedblade.net/contact">
+	<meta name="flags" content="ahem"/>
+
+	<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+	<style type="text/css">
+		.multicol-wrapper>*{
+			font: 20px/1 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">
+		<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>
+	</table>
+</div>
+</body>
+</html>