third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-paddings-and-writing-modes-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <link href="resources/grid.css" rel="stylesheet">
   4 <style>
   5 .block {
   6     background-color: grey;
   7     width: 80px;
   8     height: 80px;
   9     position: relative;
  10     padding: 4px 8px 12px 16px;
  11     margin-bottom: 4px;
  12 }
  13
  14 .item {
  15     font: 15px/1 Ahem;
  16     background-color: green;
  17     grid-column: 1 / 2;
  18     grid-row: 1 / 2;
  19     width: 40px;
  20     height: 20px;
  21 }
  22 </style>
  23
  24 <body>
  25     <div class="block">
  26         <div class="item">X</div>
  27     </div>
  28     <div class="block verticalRL">
  29         <div class="item">X</div>
  30     </div>
  31     <div class="block verticalLR">
  32         <div class="item">X</div>
  33     </div>
  34     <div class="block directionRTL">
  35         <div class="item">X</div>
  36     </div>
  37     <div class="block directionRTL verticalRL">
  38         <div class="item">X</div>
  39     </div>
  40     <div class="block directionRTL verticalLR">
  41         <div class="item">X</div>
  42     </div>
  43 </body>
  44
  45 </body>
  46 </html>