pre-float-001-ref.html (704B)
1 <!DOCTYPE html> 2 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 3 <style> 4 html { 5 font-family: Ahem; 6 font-size: 20px; 7 line-height: 1; 8 } 9 .container { 10 white-space: pre; 11 margin-bottom: 1em; 12 } 13 .float { 14 float: left; 15 width: 3ch; 16 height: 2em; 17 background: orange; 18 } 19 </style> 20 <body> 21 <div class="float"></div> 22 <div class="container">123456<br>123456</div> 23 <div class="float"></div> 24 <div class="container">1234567<br>1234567</div> 25 <div class="float"></div> 26 <div class="container">1234567<br>1234567</div> 27 <div class="float"></div> 28 <div class="container">1234567<br>1234567</div> 29 <div class="float"></div> 30 <div class="container">12345678<br>12345678</div> 31 </body>