Свойство CSS Word-wrap, не влияющее на ячейку таблицы

У меня есть длинное слово...

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

... что я пытаюсь поместить в ячейку таблицы (<td>), для которой я попытался использовать word-wrap: break-word; и т.п., чтобы заставить текст обернуть, но ни один из них, похоже, не имеет влияют на текст.

(ЗДЕСЬ ЖИВОЙ ПРИМЕР)

Нажмите на изображение, чтобы его увеличить!

Текст идет по горизонтали и по горизонтали и не обертывается. Какое свойство CSS я должен использовать здесь?

КОД

<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

На основании ответа j08691 я использую это сейчас:

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

И это привело к следующему:

Нажмите на изображение, чтобы его увеличить!

Да, таблица не очень стильная, как раньше, но теперь я могу хотя бы убедиться, что данные показывают (даже когда размер браузера изменяется, т.е. уменьшает разрешение).

Ищем изысканное решение, если оно есть.

Ответы

.break-word {
    word-break: break-word; 
}