floats-and-text-narrow-and-short-dynamic-ref.html

<!DOCTYPE html>
<style>
  .float {
    float: left;
    width: 2em;
    height: 2em;
  }
  .yellow {
    background: yellow;
  }
  .blue {
    background: blue;
  }
</style>
<p>Below there should be two yellow and two blue squares.</p>
<div class="float yellow"></div>
<div class="float blue"></div>
<div class="float yellow"></div>
<div class="float blue"></div>

chromium/third_party/blink/web_tests/external/wpt/css/css-break/floats-and-text-narrow-and-short-dynamic-ref.html