     }
    </style>
  </head>
  <body>

    <!-- A) One flex item -->
    <div class="flexbox">
      <img src="support/solidblue.png"/>
    </div>

    <!-- B) Text and an img (ensure they aren't merged into one flex item) -->
    <div class="flexbox">
      a b <img src="support/solidblue.png"/>
    </div>

    <!-- C) Two img elements, getting stretched by different ratios, from 0.

         Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1)
                                 = 196px

    