text-wrap-balance-003-ref.html (517B)
1 <!DOCTYPE html> 2 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> 3 <style> 4 div { 5 font: 15px Ahem; 6 width: 35ch; 7 margin: 1em; 8 } 9 .green { 10 color: green; 11 } 12 .blue { 13 color: blue; 14 } 15 </style> 16 <p>Both test blocks (green) should have the same layout as the reference (blue):</p> 17 <div class="green">The quickest brown fox<br>jumped over the lazy dog</div> 18 <div class="green">The quickest brown fox<br>jumped over the lazy dog</div> 19 <div class="blue">The quickest brown fox<br>jumped over the lazy dog</div>