src/third_party/WebKit/LayoutTests/fast/css3-text/css3-text-align-last/text-align-last.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <style>
   5 .testDiv {
   6     width: 208px;
   7     border: 1px solid #000000;
   8     font-family: Ahem, monospace;
   9     font-size: 1em;
  10 }
  11 </style>
  12 </head>
  13 <body>
  14 <div>
  15 When text-align is justify, the last line would be affected by the value of text-align-last.<br/>
  16 This test checks that text-align-last property works properly.<br/>
  17 </div>
  18
  19 <div class='testDiv' style='text-align:justify; text-align-last:start'>start last</div>
  20
  21 <div class='testDiv' style='text-align:justify; text-align-last:end'>end last</div>
  22
  23 <div class='testDiv' style='text-align:justify; text-align-last:left'>left last</div>
  24
  25 <div class='testDiv' style='text-align:justify; text-align-last:right'>right last</div>
  26
  27 <div class='testDiv' style='text-align:justify; text-align-last:center'>center last</div>
  28
  29 <div class='testDiv' style='text-align:justify; text-align-last:justify'>justify last</div>
  30
  31 <div class='testDiv' style='text-align:start; text-align-last:end'>start end</div>
  32
  33 <div class='testDiv' style='text-align:end; text-align-last:start'>end start</div>
  34
  35 <div class='testDiv' style='text-align:left; text-align-last:right'>left right</div>
  36
  37 <div class='testDiv' style='text-align:right; text-align-last:left'>right left</div>
  38
  39 <div class='testDiv' style='text-align:center; text-align-last:left'>center left</div>
  40 </body>
  41 </html>
  42