testing/web-platform/tests/css/css-break/floats-and-text-narrow-and-short-dynamic-ref.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<!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>