| <!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> |
