flexbox-float-1-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>

    <style>

      div.flexbox {

        display: flex;

        width: 400px;

        margin-bottom: 2px;

        font-family: sans-serif;

        background: lightgreen;

        justify-content: space-around;

    </style>

  </head>

  <body>

    <div class="flexbox">

      aaa<div>[[[</div>bbb

    </div>

    <div class="flexbox">

      aaa<div>]]]</div>bbb

    </div>

    <div class="flexbox">

      aaa<div>[[[</div>

    </div>

    <div class="flexbox">

      aaa<div>]]]</div>

    </div>

    <div class="flexbox">

      <div>[[[</div>bbb

    </div>

    <div class="flexbox">

      <div>]]]</div>bbb

    </div>

  </body>

</html>