servo/tests/wpt/css-tests/css-regions-1_dev/html/flow-into-region-children-001.htm

44 lines
No EOL
1.3 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Test: Region children are formatted if directed to a flow</title>
<link rel="author" title="Alan Stearns" href="mailto:stearns@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css3-regions/#properties">
<link rel="help" href="http://www.w3.org/TR/css3-regions/#flow-from">
<link rel="match" href="reference/flow-into-region-children-001-ref.htm">
<meta name="flags" content="">
<meta name="assert" content="The two regions in this test will swap their children.">
<style type="text/css">
body{
font-size: 16px;
line-height: 18px;
}
.region{
width: 5em;
height: 20px;
}
.contentOne{
flow-into: one;
color: green;
}
.contentTwo{
flow-into: two;
color: green;
}
.rOne{
flow-from: one;
}
.rTwo{
flow-from: two;
}
.error{
color: red;
}
</style>
</head>
<body>
<p>This test passes if this is followed by two lines of text containing "1 2" in order.</p>
<div class="region rOne"><div class="contentTwo">2</div></div>
<div class="region rTwo"><div class="contentOne">1</div></div>
</body>
</html>