<html>
<head>
<style>
.fail, .pass, #spacer {
  display: table-cell;
}

.pass {
  visibility: hidden;
}
</style>
<script>
window.onload = function() {
  if (window.testRunner)
    window.testRunner.dumpAsText();

  var spacer = document.getElementById("spacer");
  if (spacer.offsetWidth > 0) {
    var fail = document.getElementsByClassName("fail");
    fail[1].className = "pass";
    fail[0].className = "pass";
    spacer.innerText = "PASS";
  }
}
</script>
</head>
<body>
<div style="display: -webkit-box; -webkit-box-orient: horizontal">
  This test passes if there is a green box that stretches the width of the page.
  <div style="padding-left: 1px">
    <div class="fail">FA</div>
    <div id="spacer" style="color: green; width: 100%; background-color: green"></div>
    <div class="fail">IL</div>
  </div>
</div>
</body>
</html>
