<!DOCTYPE html>
<html>
<head>
<style>
    div { border-width: 2px; border-color: green; overflow: hidden; }
    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>Flex</div>
        </td>
    </tr>
</table>

<br>
<br>
<br>

<table border>
    <tr>
        <td>
            <div>Flex</div>
        </td>
    </tr>
</table>

</body>
</html>