pre-wrap-align-left-002-ref.html (556B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Text reference</title> 6 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> 7 <style> 8 .test { 9 font: 20px Ahem, monospace; 10 width: 15ch; 11 border: 1px solid gray; 12 padding: 5px; 13 white-space: normal; 14 text-align: left; 15 } 16 </style> 17 </head> 18 19 <p>The text on each line should be neatly left-aligned:</p> 20 21 <!-- testcase has dir=rtl --> 22 <div class=test>one two three<br> 23 four five<br> 24 six seven eight<br> 25 .nine ten<br> 26 un deux trois<br> 27 quatre cinq<br> 28 six sept huit<br> 29 neuf dix</div>