| <style> |
| body { |
| margin: 0px; |
| font-family: Ahem; |
| } |
| |
| div { |
| line-height: 40px; |
| } |
| |
| img { |
| position: absolute; |
| width: 10px; |
| height: 10px; |
| background-color: green; |
| } |
| </style> |
| <!-- out-of-flow boxes with static positioning in IFC --> |
| <div>text</div> |
| <div>text</div> |
| <div>text</div> |
| <div>text</div> |
| <div><span></span>text</div> |
| <div><span><span></span></span>text</div> |
| <div><span>text</span>text</div> |
| <div><span>text</span>text</div> |
| <div><br></div> |
| <div><br>text</div> |
| <div><br><br></div> |
| <div>text<br></div> |
| <div>text<br></div> |
| <img style="left: 0px; top: 0px;"> |
| <img style="left: 0px; top: 40px;"> |
| <img style="left: 64px; top: 80px;"> |
| <img style="left: 0px; top: 120px;"><img style="left: 64px; top: 120px;"> |
| <img style="left: 0px; top: 160px;"><img style="left: 64px; top: 160px;"> |
| <img style="left: 0px; top: 200px;"><img style="left: 64px; top: 200px;"> |
| <img style="left: 64px; top: 240px;"><img style="left: 128px; top: 240px;"> |
| <img style="left: 64px; top: 280px;"><img style="left: 128px; top: 280px;"> |
| <img style="left: 0px; top: 360px;"> |
| <img style="left: 64px; top: 400px;"> |
| <img style="left: 0px; top: 520px;"> |
| <img style="left: 0px; top: 560px;"> |
| <img style="left: 0px; top: 600px;"> |