<!DOCTYPE html> | |
<html> | |
<style type="text/css"> | |
#wrapper | |
{ | |
border: 10px solid blue; | |
position: absolute; | |
} | |
#table | |
{ | |
border: 10px solid orange; | |
table-layout: fixed; | |
margin: 50px; | |
} | |
#row | |
{ | |
display: table-row; | |
} | |
#cell | |
{ | |
display: table-cell; | |
height: 200px; | |
width: 200px; | |
} | |
</style> | |
<p>Test passes if there is space between the blue and orange lines below.</p> | |
<div id="wrapper"> | |
<div id="table"> | |
<div id="row"> | |
<div id="cell"></div> | |
</div> | |
</div> | |
</div> | |
</html> |