022.html   [plain text]


<html>
<head>
<style>
div {
  display: -moz-box;
  display: -khtml-box;
  display: box;
  background-color: green;
  width: 100px;
  height: 100px;
}

span {
  -moz-box-flex: 1;
  -khtml-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>