servo/tests/wpt/css-tests/css-multicol-1_dev/html4/reference/regions-multicol-024-ref.htm

36 lines
No EOL
929 B
HTML

<!DOCTYPE html>
<html><head>
<title>CSS Test reference</title>
<link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck">
<style type="text/css">
.block {
position: absolute;
top: 70px;
width: 60px;
}
.green {
background-color: green;
height: 60px;
}
#square-1 {
left: 20px;
}
#square-2 {
left: 90px;
}
#blue-rect {
background-color: blue;
height: 120px;
left: 190px;
}
</style>
</head>
<body>
<p>The test passes if there are two green side by side squares on the left of one blue vertical rectangle.
There should be no red.</p>
<div id="square-1" class="green block"></div>
<div id="square-2" class="green block"></div>
<div id="blue-rect" class="block"></div>
</body></html>