Tengo una palabra larga ...

p=MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCx+wnDhlr7GqHiH6lAaPPuN5F7RjUrtvGyxxZkClJsLaTDeqg/FuJXU7RYdPQ2Ka++tfw0Z9+SRKatLUQQeCqLK8z1/V4p7BaJKPkegMzXgWGnFVmz1tdLFiYUGq0MvVgqWiepcTFmwgSd9g1pGRiCSDHJUDwcc+NidiW4/ixw4QIDAQAB"

... que estoy tratando de caber en una celda de mesa (<td>), para lo cual he intentado usarword-wrap: break-word; y similares para forzar que el texto se ajuste, pero ninguno de ellos parece tener ningún efecto en el texto.

( AQUÍ ESTÁ EL EJEMPLO EN VIVO )

Haga clic en la imagen para ampliar!

El texto sigue y sigue horizontalmente, y no se ajusta. ¿Qué propiedad CSS debo usar aquí?

EL CÓDIGO

<table>
     <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>"v=DKIM1; k=rsa; p=MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCx+wnDhlr7GqHiH6lAaPPuN5F7RjUrtvGyxxZkClJsLaTDeqg/FuJXU7RYdPQ2Ka++tfw0Z9+SRKatLUQQeCqLK8z1/V4p7BaJKPkegMzXgWGnFVmz1tdLFiYUGq0MvVgqWiepcTFmwgSd9g1pGRiCSDHJUDwcc+NidiW4/ixw4QIDAQAB"</td>
                <td>300</td>
          </tr>
     </tbody>
</table>

CSS

Basado en la respuesta de j08691, estoy usando esto ahora:

table {
   table-layout: fixed;
   word-break: break-all;
   word-wrap: break-word;
}

Y eso ha resultado en esto:

Haga clic en la imagen para ampliar!

Sí, la tabla no es tan elegante como solía ser, pero ahora puedo al menos estar seguro de que los datos se muestran (incluso cuando el navegador cambia de tamaño, es decir, resoluciones más pequeñas).

Sigo buscando una solución elegante, en su caso.