67 lines
2.0 KiB
HTML
67 lines
2.0 KiB
HTML
<!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>
|