JSFiddle - React, Tailwind, and code Playground

HTML

<table id="shipment-list">
    <tr>
        <td>
            <a href="#">
                Jul 24, 2011 @ 1:05p.m.<br>
                (4 hours, 19 minutes ago)
            </a>
        </td>
        <td>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ornare rhoncus porttitor. Cras non lacinia metus. Praesent consequat nulla at diam sodales sit amet vehicula nisi malesuada. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis sem nulla, varius id ultricies at, rutrum quis dolor. Fusce felis metus, venenatis bibendum porttitor sit amet, mollis vitae risus. Sed massa enim, convallis id varius sed, eleifend ut odio. Praesent libero diam, vehicula eget sollicitudin ut, scelerisque non velit. Fusce venenatis mauris ut nibh pretium pretium. Morbi mattis eleifend rutrum. Pellentesque a libero lobortis orci volutpat dignissim. Vivamus rhoncus ultricies eros, in sodales magna lobortis at. Cras egestas velit eget elit semper laoreet. Cras et dictum felis. Mauris eu tempus nibh. Nullam turpis diam, iaculis non tincidunt vitae, pulvinar a sapien. Integer odio sapien, posuere sed pulvinar sed, fringilla a diam. Suspendisse facilisis eros quis magna suscipit eu pharetra eros dignissim. Etiam tempus leo ac nisi tincidunt vel eleifend purus sollicitudin.
        </td>
    </tr>
</table>

CSS

table {
    border-collapse: separate;
    border: 1px solid #CCC;
    height: 300px;
}

td {
    border: 1px solid #CCC;
}

#shipment-list a {
    display: table;
    height: 100%;
    width: 100%;
    color: inherit;
    text-decoration: inherit;
    background-color: yellow;
    margin: 0;
    padding: 0;
}