pre-float-001.html (998B)
1 <!DOCTYPE html> 2 <title>CSS test preserved spaces and floats interaction</title> 3 <link rel="author" title="Koji Ishii" href="kojii@chromium.org"> 4 <link rel="match" href="reference/pre-float-001-ref.html"> 5 <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"> 6 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 7 <style> 8 html { 9 font-family: Ahem; 10 font-size: 20px; 11 line-height: 1; 12 } 13 .container { 14 white-space: pre; 15 width: 10ch; 16 margin-bottom: 1em; 17 } 18 .float { 19 float: left; 20 width: 3ch; 21 height: 2em; 22 background: orange; 23 } 24 </style> 25 <body> 26 <div class="float"></div> 27 <div class="container">123456 <br>123456</div> 28 <div class="float"></div> 29 <div class="container">1234567 <br>1234567</div> 30 <div class="float"></div> 31 <div class="container">1234567 <br>1234567</div> 32 <div class="float"></div> 33 <div class="container">1234567 <br>1234567</div> 34 <div class="float"></div> 35 <div class="container">12345678 <br>12345678</div> 36 </body>