JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table table-bordered">
    <thead>
        <tr>
            <th>Name
            </th><th>Type
            </th><th>Value
            </th><th>TTL
        </th></tr>
    </thead>
    <tbody>
        <tr>
            <td>wtnmail._domainkey.whatthenerd.com.</td>
            <td>TXT</td>
            <td class="longtext">"v=DKIM1; k=rsa; p=MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCx+wnDhlr7GqHiH6lAaPPuN5F7RjUrtvGyxxZkClJsLaTDeqg/FuJXU7RYdPQ2Ka++tfw0Z9+SRKatLUQQeCqLK8z1/V4p7BaJKPkegMzXgWGnFVmz1tdLFiYUGq0MvVgqWiepcTFmwgSd9g1pGRiCSDHJUDwcc+NidiW4/ixw4QIDAQAB"</td>
            <td>300</td>
        </tr>
    </tbody>
</table>

CSS

.entry-content table {
    border: 1px solid #DDDDDD;
}
.entry-content p, .entry-content ol, .entry-content ul, .entry-content pre, .entry-content table {
    margin-bottom: 10px;
}

td.longtext {
    color: red;
    word-break: break-all;
}