text-indent-each-line-hanging-ref.html (1056B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>text-indent 'each-line' and 'hanging' modifiers</title> 6 7 <link rel="stylesheet" href="/fonts/ahem.css" /> 8 <style> 9 div { width:80px; font: 10px Ahem; background-color:lightgray; } 10 .indent { color: blue; padding-left:4em; } 11 </style> 12 </head> 13 <body> 14 All black boxes should be left-aligned. All blue boxes should be right-aligned. 15 16 <div> 17 <span class="indent">xxxx</span><br>xxxx<br>xxxx 18 </div> 19 <br> 20 <div> 21 <span class="indent">xxxx</span> xxxx xxxx 22 </div> 23 <br> 24 <div> 25 <span class="indent">xxxx</span><br><span class="indent">xxxx</span><br><span class="indent">xxxx</span> 26 </div> 27 <br> 28 <div> 29 <span class="indent">xxxx</span> xxxx<br><span class="indent">xxxx</span> 30 </div> 31 <br> 32 <div> 33 xxxx<br><span class="indent">xxxx</span><br><span class="indent">xxxx</span> 34 </div> 35 <br> 36 <div> 37 xxxx <span class="indent">xxxx</span> <span class="indent">xxxx</span> 38 </div> 39 <br> 40 <div> 41 xxxx<br>xxxx<br>xxxx 42 </div> 43 <br> 44 <div> 45 xxxx <span class="indent">xxxx</span><br>xxxx 46 </div> 47 </body> 48 </html>