src/third_party/WebKit/LayoutTests/fast/css3-text/css3-text-indent/text-indent-each-line.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 { width:80px; text-indent: 4em each-line; }
   8     .indent { color: blue; }
   9     </style>
  10 </head
  11 <body>
  12 <!--
  13 all black boxes should be left-aligned.
  14 all blue boxes should be right-aligned.
  15 -->
  16
  17 <!-- normal text-indent -->
  18 <div class="normal">
  19 <span class="indent">xxxx</span><br>xxxx<br>xxxx
  20 </div>
  21 <br>
  22 <!-- each-line with a soft wrap break -->
  23 <div class="eachline">
  24 <span class="indent">xxxx</span> xxxx xxxx
  25 </div>
  26 <br>
  27 <!-- each-line with a forced line break -->
  28 <div class="eachline">
  29 <span class="indent">xxxx</span><br><span class="indent">xxxx</span><br><span class="indent">xxxx</span>
  30 </div>
  31 <br>
  32 <!-- each-line with a soft wrap break and a forced line break -->
  33 <div class="eachline">
  34 <span class="indent">xxxx</span> xxxx<br><span class="indent">xxxx</span>
  35 </div>
  36 </body>
  37 </html>