35 lines
640 B
HTML
35 lines
640 B
HTML
<!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>
|