blob: ea0d3780a9b08f33cd999e350621142f63e2e68c [file] [log] [blame]
<!DOCTYPE html>
<title>shape-outside-floats-polygon-000-reference.html</title>
<link rel="author" title="Adobe" href="http://html.adobe.com/">
<link rel="author" title="Bem Jones-Bey" href="mailto:bjonesbe@adobe.com">
<meta name="flags" content="ahem">
<style>
.container {
font: 20px/1 Ahem, sans-serif;
line-height: 20px;
width: 400px;
height: 400px;
background: blue;
}
.float-left {
height: 20px;
float: left;
}
.float-right {
height: 20px;
float: right;
}
</style>
<body>
<div class="container">
<div style="width: 200px" class="float-left"></div>
XXXXXXXXXX
<div style="width: 180px" class="float-left"></div>
XXXXXXXXXXX
<div style="width: 160px" class="float-left"></div>
XXXXXXXXXXXX
<div style="width: 140px" class="float-left"></div>
XXXXXXXXXXXXX
<div style="width: 120px" class="float-left"></div>
XXXXXXXXXXXXXX
<div style="width: 100px" class="float-left"></div>
XXXXXXXXXXXXXXX
<div style="width: 80px" class="float-left"></div>
XXXXXXXXXXXXXXXX
<div style="width: 60px" class="float-left"></div>
XXXXXXXXXXXXXXXXX
<div style="width: 40px" class="float-left"></div>
XXXXXXXXXXXXXXXXXX
<div style="width: 20px" class="float-left"></div>
XXXXXXXXXXXXXXXXXXX
<div style="width: 20px" class="float-right"></div>
XXXXXXXXXXXXXXXXXXX
<div style="width: 40px" class="float-right"></div>
XXXXXXXXXXXXXXXXXX
<div style="width: 60px" class="float-right"></div>
XXXXXXXXXXXXXXXXX
<div style="width: 80px" class="float-right"></div>
XXXXXXXXXXXXXXXX
<div style="width: 100px" class="float-right"></div>
XXXXXXXXXXXXXXX
<div style="width: 120px" class="float-right"></div>
XXXXXXXXXXXXXX
<div style="width: 140px" class="float-right"></div>
XXXXXXXXXXXXX
<div style="width: 160px" class="float-right"></div>
XXXXXXXXXXXX
<div style="width: 180px" class="float-right"></div>
XXXXXXXXXXX
<div style="width: 200px" class="float-right"></div>
XXXXXXXXXX
</div>
</body>