third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-margins-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     margin-bottom: 5px;
  11     border: 1px solid;
  12 }
  13
  14 .item {
  15     font: 15px/1 Ahem;
  16     background-color: green;
  17     width: 40px;
  18     height: 20px;
  19     margin: 4px 8px 12px 16px;
  20 }
  21 </style>
  22
  23 <body>
  24     <div class="block">
  25         <div class="item">X</div>
  26     </div>
  27     <div class="block verticalRL">
  28         <div class="item">X</div>
  29     </div>
  30     <div class="block verticalLR">
  31         <div class="item">X</div>
  32     </div>
  33     <div class="block directionRTL">
  34         <div class="item">X</div>
  35     </div>
  36     <div class="block directionRTL verticalRL">
  37         <div class="item">X</div>
  38     </div>
  39     <div class="block directionRTL verticalLR">
  40         <div class="item">X</div>
  41     </div>
  42 </body>
  43
  44 </body>
  45 </html>