Word-Wrap em uma tabela HTML: corrigindo texto desembrulhado

Word-wrap é uma propriedade CSS usada para permitir que o texto seja quebrado dentro de elementos como divs e spans. No entanto, muitas vezes ele não funciona nas células da tabela, fazendo com que o texto ultrapasse os limites da célula.

Para resolver esse problema, você pode usar o atributo CSS fixo table-layout: para a tabela. Este atributo força a tabela a ter um layout fixo, permitindo que suas células acomodem adequadamente o texto quebrado.

Aqui está um trecho de código atualizado que demonstra a correção:

Com esta modificação, a palavra longa agora será agrupada dentro da célula da tabela, respeitando seus limites e evitando estouro.