JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table">
    <tr>
        <td class="table-td"><div class="table-width">1900–1921</div></td>
        <td>
            <a href="">text 1</a>
        </td>
    </tr>
    <tr>
        <td class="table-td"><div class="table-width">1900</div></td>
        <td>
            <a href="">lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo.</a>
        </td>
    </tr>
    <tr>
        <td class="table-td"><div class="table-width">1900-2000 + wrap text</div></td>
        <td>
            <a href="">lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo.</a>
        </td>
    </tr>
</table>

CSS

.table {
  width: 690px;
}

.table-width,
.table-width td {
  max-width: 100px;
  width: 100%;
}