flexbox-sizing-horiz-002-ref.xhtml

Enable keyboard shortcuts

<?xml version="1.0" encoding="UTF-8"?>

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<html xmlns="http://www.w3.org/1999/xhtml">

  <head>

    <title>CSS Reftest Reference</title>

    <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>

    <style>

      div { width: 200px; }

      div.flexbox {

        border: 1px dashed blue;

        background: lightgreen;

        font-size: 10px;

        margin-bottom: 5px;

    </style>

  </head>

  <body>

    <div class="flexbox">

      <div>text</div>

    </div>

    <div class="flexbox">

      <div>text</div>

    </div>

    <div class="flexbox">

      <div>text</div>

    </div>

    <div class="flexbox" style="height: 30px">

      <div>text</div>

    </div>

    <div class="flexbox" style="height: 6px">

      <div>text</div>

    </div>

    <div class="flexbox" style="height: 30px">

      <div>text</div>

    </div>

  </body>

</html>