Eu tenho uma palavra longa ...

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

... que estou tentando encaixar em uma célula de tabela (<td>), para o qual eu tentei usarword-wrap: break-word; e afins para forçar o texto a envolver, mas nenhum deles parece ter qualquer efeito sobre o texto.

( AQUI ESTÁ O EXEMPLO VIVO )

Clique na imagem para ampliar!

O texto continua e continua na horizontal e não quebra. Qual propriedade CSS devo usar aqui?

O 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

Baseado na resposta do j08691, estou usando isso agora:

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

E isso resultou no seguinte:

Clique na imagem para ampliar!

Sim, a tabela não é super estilosa como costumava ser, mas agora posso pelo menos ter certeza de que os dados são exibidos (mesmo quando o navegador é redimensionado, ou seja, resoluções menores).

Ainda procurando uma solução elegante, se houver.