summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/deprecated-flexbox/022.html
blob: 15049e35b019441e6d19301ca6ec9ff7e2f03bce (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<html>
<head>
<style>
div {
  display: -moz-box;
  display: -webkit-box;
  display: box;
  background-color: green;
  width: 100px;
  height: 100px;
}

span {
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
  height: 100px;
  background-color: red;
}

</style>
</head>
<body>
<p>You should see a 100x100 green square below.  If you see any red, the test has failed.  This test is checking
to make sure inlines get wrapped in anonymous blocks when placed inside boxes.</p>
<div>
  <span></span>
</div>
</body>
</html>