blob: 442ebbaeaeec0f26abff8ad31996ea921d2add81 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<link href="resources/flexbox.css" rel="stylesheet">
<style>
.oldflex { display: -webkit-box; display: -moz-box; }
div { border-width: 2px; border-color: green; overflow: hidden; height: 75%; }
td { border-width: 2px; border-color: blue; }
</style>
</head><body>
You should see two tables, both with the word "Flex" fully visible.<br>
<table border>
<tr>
<td>
<div class="flexbox">Flex</div>
</td>
</tr>
</table>
<br>
<br>
<br>
<table border>
<tr>
<td>
<div class="oldflex">Flex</div>
</td>
</tr>
</table>
</body>
</html>