1<?xml version="1.0" encoding="UTF-8"?>
2<!--
3     Any copyright is dedicated to the Public Domain.
4     http://creativecommons.org/publicdomain/zero/1.0/
5-->
6<!--
7     This test is like the -2a variant, but with a <div> instead of an <img>
8     at the deepest level of nesting.
9-->
10<html xmlns="http://www.w3.org/1999/xhtml">
11  <head>
12    <style>
13      body { margin: 0; }
14
15      div.flexbox {
16        display: flex;
17        width: max-content;
18
19        /* We give the flex container a border and background so we can easily
20         * see how large it is. */
21        border: 2px dotted black;
22        background: lime;
23      }
24
25      div.wrapper {
26        border: 5px solid teal;
27        width:  40px;
28        height: 16px;
29      }
30      div.blueBlock {
31        width:  16px;
32        height: 16px;
33        background: rgb(0, 19, 127); /* matches solidblue.png */
34      }
35  </style>
36</head>
37<body>
38  <div class="flexbox">
39    <div class="wrapper"><div class="blueBlock"/></div>
40    <div class="wrapper"><div class="blueBlock"/></div>
41    <div class="wrapper"><div class="blueBlock"/></div>
42  </div>
43</body>
44</html>
45