pre-wrap-align-left-001.html (822B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Text test: white-space:pre-wrap vs text-align</title> 6 <link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com"> 7 <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2"> 8 <meta name="assert" content="white-space at end of line must hang"> 9 <link rel="match" href="reference/pre-wrap-align-left-001-ref.html"> 10 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> 11 <style> 12 .test { 13 font: 20px Ahem, monospace; 14 width: 15ch; 15 border: 1px solid gray; 16 padding: 5px; 17 white-space: pre-wrap; 18 text-align: left; 19 } 20 </style> 21 </head> 22 23 <p>The text on each line should be neatly left-aligned:</p> 24 25 <div class=test>one two three four five 26 six seven eight nine ten. 27 un deux trois quatre cinq 28 six sept huit neuf dix</div>