src/third_party/WebKit/LayoutTests/fast/line-grid/line-grid-contains-value.html

   1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
   2 <html>
   3 <head>
   4 <style>
   5 .grid { -webkit-line-grid: simple; -webkit-line-snap: baseline;
   6         font-size:36px; position:absolute;
   7         padding:10px; }
   8 </style>
   9 </head>
  10 <body>
  11 <div style="left:10px; top:10px; width:600px" class="grid">
  12 <div style="-webkit-line-snap:contain;font-size:48px">
  13 This header should be centered in the grid lines.
  14 </div>
  15 <div style="font-size:12px">
  16 This text should snap<br>
  17 to a 36px font-size grid.<br>
  18 There should be lots of spacing between these lines.
  19
  20 </div>
  21 </div>
  22
  23 <div style="left:10px; top:10px; z-index:-1; width:600px" class="grid">
  24 <div style="font-family:'Ahem'; color:lime">
  25 xxxxxxxxxxxxxxxxx<br>
  26 xxxxxxxxxxxxxxxxx<br>
  27 xxxxxxxxxxxxxxxxx<br>
  28 xxxxxxxxxxxxxxxxx<br>
  29 xxxxxxxxxxxxxxxxx<br>
  30 xxxxxxxxxxxxxxxxx<br>
  31 xxxxxxxxxxxxxxxxx<br>
  32 </div>
  33 </div>
  34
  35 </body>
  36 </html>