.webkit-box > * {
  /* Make the child block-level, to ensure that it's a flex item (otherwise it
   * may get wrapped in an anonymous box which becomes the flex item). */
  display: block;
  /* Allow the child to shrink. */
  -webkit-box-flex: 1;

  font: 20px/1 Ahem;
  background: lightblue;

  /* Get rid of UA default styles. */
  border: 0;
  padding: 0;
  margin: 0;
}
</style>

<body onload="checkLayout('.webkit-box')">
  <div class="webkit-box">
    <img src="data:image/svg+xml,<svg xmlns='http://www.w