src/third_party/WebKit/LayoutTests/fast/line-grid/line-align-right-edges.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4 <title>Right Edge Alignment Test</title>
   5 </head>
   6 <body>
   7 <div style="-webkit-line-grid:grid; font-family:'Ahem'; color:green; -webkit-line-align:edges;line-height:1.25; zoom: 1.5; position:relative; text-align:right">
   8 X X X X X X X
   9 <div style="border:2px solid black;margin:30px;">X X X X X X</div>
  10 <div style="float:right;width:52px;height:52px;background-color:yellow;"></div>X X X X X<br>
  11 <div style="float:right;width:52px;height:52px;background-color:purple;"></div>X X X X X
  12 <div style="position:absolute;width:200px; top:200px;right:100px; background-color:#dddddd">X X X</div>
  13 </div>
  14 </body>
  15 </html>