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

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4     <link href="text-align-last.css" rel="stylesheet" type="text/css">
   5 </head>
   6 <body>
   7 <div>
   8 text-align-last: auto <br><br>
   9
  10 This test checks that text-align-last property works properly.<br>
  11 The last line of each case should be aligned to <b>like the other lines</b>.<br>
  12 </div>
  13
  14 <div dir="ltr" class='testDiv alignStart'>
  15     <p class='testP'>LTR align is start</p>
  16     <p class='testP'>align-last is auto.</p>
  17 </div>
  18
  19 <div dir="ltr" class='testDiv alignEnd'>
  20     <p class='testP'>LTR align is end</p>
  21     <p class='testP'>align-last is auto.</p>
  22 </div>
  23
  24 <div dir="ltr" class='testDiv alignRight'>
  25     <p class='testP'>LTR align is right</p>
  26     <p class='testP'>align-last is auto.</p>
  27 </div>
  28
  29 <div dir="ltr" class='testDiv alignLeft'>
  30     <p class='testP'>LTR align is left</p>
  31     <p class='testP'> align-last is auto.</p>
  32 </div>
  33
  34 <div dir="rtl" class='testDiv alignStart'>
  35     <p class='testP'>RTL align is start</p>
  36     <p class='testP'> align-last is auto.</p>
  37 </div>
  38
  39 <div dir="rtl" class='testDiv alignEnd'>
  40     <p class='testP'>RTL align is end</p>
  41     <p class='testP'>align-last is auto.</p>
  42 </div>
  43
  44 </body>
  45 </html>