layout/reftests/flexbox/flexbox-widget-flex-items-4-ref.html

   1 <!DOCTYPE html>
   2 <!--
   3      Any copyright is dedicated to the Public Domain.
   4      http://creativecommons.org/publicdomain/zero/1.0/
   5 -->
   6 <html>
   7 <head>
   8   <style>
   9     div.flexbox {
  10       background: lightgray;
  11       float: left;
  12       height: 60px;
  13       margin-right: 10px;
  14     }
  15     div.flexbox > * {
  16       outline: 1px dashed black;
  17       margin: 0;
  18       vertical-align: top;
  19       height: 100%;
  20       display: block;
  21     }
  22     br { clear: left; }
  23   </style>
  24 </head>
  25 <body>
  26   <div class="flexbox"><input type="button"></div>
  27   <div class="flexbox"><input type="checkbox"></div>
  28   <br>
  29   <div class="flexbox"><input type="image"></div>
  30   <div class="flexbox"><input type="radio"></div>
  31   <br>
  32   <div class="flexbox"><input type="reset"></div>
  33   <div class="flexbox"><input type="submit"></div>
  34 </body>
  35 </html>