third_party/WebKit/LayoutTests/fast/css3-text/css3-text-indent/text-indent-each-line-hanging.html

   1 <html>
   2 <head>
   3     <title>[css3-text] text-indent</title>
   4     <style>
   5     div { width:80px; font: 10px Ahem; background-color:lightgray; }
   6     .normal { text-indent: 4em; }
   7     .eachline { text-indent: 4em each-line; }
   8     .hanging { text-indent: 4em hanging; }
   9     .eachlinehanging { text-indent: 4em each-line hanging; }
  10     .indent { color: blue; }
  11     </style>
  12 </head
  13 <body>
  14 <!--
  15 all black boxes should be left-aligned.
  16 all blue boxes should be right-aligned.
  17 -->
  18
  19 <!-- normal text-indent -->
  20 <div class="normal">
  21 <span class="indent">xxxx</span> xxxx<br>xxxx
  22 </div>
  23 <br>
  24 <!-- each-line with a soft wrap break -->
  25 <div class="eachline">
  26 <span class="indent">xxxx</span> xxxx xxxx
  27 </div>
  28 <br>
  29 <!-- each-line with a forced line break -->
  30 <div class="eachline">
  31 <span class="indent">xxxx</span><br><span class="indent">xxxx</span><br><span class="indent">xxxx</span>
  32 </div>
  33 <br>
  34 <!-- each-line with a soft wrap break and a forced line break -->
  35 <div class="eachline">
  36 <span class="indent">xxxx</span> xxxx<br><span class="indent">xxxx</span>
  37 </div>
  38 <br>
  39 <!-- normal text-indent with hanging -->
  40 <div class="hanging">
  41 xxxx <span class="indent">xxxx</span><br><span class="indent">xxxx</span>
  42 </div>
  43 <br>
  44 <!-- each-line and hanging with a soft wrap break -->
  45 <div class="eachlinehanging">
  46 xxxx <span class="indent">xxxx</span> <span class="indent">xxxx</span>
  47 </div>
  48 <br>
  49 <!-- each-line and hanging with a forced line break -->
  50 <div class="eachlinehanging">
  51 xxxx<br>xxxx<br>xxxx
  52 </div>
  53 <br>
  54 <!-- each-line and hanging with a soft wrap break and a forced line break -->
  55 <div class="eachlinehanging">
  56 xxxx <span class="indent">xxxx</span><br>xxxx
  57 </div>
  58 </body>
  59 </html>