layout/reftests/css-grid/grid-whitespace-handling-1-ref.xhtml

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!--
   3      Any copyright is dedicated to the Public Domain.
   4      http://creativecommons.org/publicdomain/zero/1.0/
   5 -->
   6 <!--
   7      Reference case, with inline-blocks instead of grid/grid items,
   8      with positioning done using margins.
   9 -->
  10 <html xmlns="http://www.w3.org/1999/xhtml">
  11   <head>
  12     <title>CSS Reftest Reference</title>
  13     <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
  14     <style>
  15       div { height: 100px; }
  16       div.grid {
  17         border: 1px dashed blue;
  18         width: 200px;
  19       }
  20       div.a {
  21         width: 30px;
  22         background: lightgreen;
  23         display: inline-block;
  24       }
  25       div.b {
  26         width: 20px;
  27         background: lightblue;
  28         display: inline-block;
  29       }
  30       img {
  31         width: 40px;
  32         height: 100%;
  33       }
  34     </style>
  35   </head>
  36   <body>
  37     <div class="grid">
  38       <div class="a" style="margin-left: 85px"/>
  39     </div>
  40
  41     <div class="grid">
  42       <div class="a" style="margin-left: 37.5px"
  43            /><div class="b" style="margin-left: 75px"/>
  44     </div>
  45
  46     <div class="grid">
  47       <img src="support/solidblue.png" style="margin-left: 30px"
  48            /><img src="support/solidblue.png" style="margin-left: 60px"/>
  49     </div>
  50   </body>
  51 </html>
  52