글이 많이지면 tr 구역이 튀어나가는데 이거 어떻게 해결하죠?

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8" />        <style type="text/css">        table { border-collapse: collapse; border-spacing: 0; }        td { border: 1px solid #000; }        table.fixes { table-layout: fixed; }        table.fixes td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }        </style>    </head>    <body>        <h1>default</h1>        <table width="30%">            <tr>                <td>1111111111111111111111111</td>                <td>aaaaaaaaaaaaaaaaaaaaaaaaaa</td>                <td>뷁뷁뷁뷁뷁뷁뷁뷁뷁뷁뷁뷁뷁뷁</td>            </tr>        </table>        <h1>fix and ellipsis</h1>        <table width="30%" class="fixes">            <tr>                <td>1111111111111111111111111</td>                <td>aaaaaaaaaaaaaaaaaaaaaaaaaa</td>                <td>뷁뷁뷁뷁뷁뷁뷁뷁뷁뷁뷁뷁뷁뷁</td>            </tr>        </table>    </body></html>