pre-wrap-align-center-003-ref.html (572B)
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: center; 15 } 16 </style> 17 </head> 18 19 <p>The text on each line should be neatly centered:</p> 20 21 <!-- testcase has dir=rtl and bidi-override --> 22 <div class=test>eerht owt eno<br> 23 evif ruof<br> 24 thgie neves xis<br> 25 .net enin<br> 26 siort xued nu<br> 27 qnic ertauq<br> 28 tiuh tpes xis<br> 29 xid fuen</div>