Свойство word-wrap - это ваш надёжный союзник в борьбе с переполнением текста: оно решает, может ли браузер разрывать слова прямо внутри них (перенос между словами управляется отдельным свойством).

Благодаря word-wrap вы можете легко справиться не только с длинными словами и URL-адресами, но и решить ряд других задач:

• форматирование данных в таблицах - чтобы ячейки оставались компактными, а макет страницы сохранял гармонию;
• перенос строк кода внутри элементов без лишнего растягивания.

htmlhead style type="text/css" p.test { width: 11em; border: 1px solid #000000; word-wrap: break-word; } /style/headbody p class="test"Абзац содержит очень длинное слово: этооченьоченьоченьоченьдлинноеслово, которое будет разорвано и перенесено на другую строку./p/body/html

Теперь ваш текст всегда выглядит аккуратно, даже когда встречаются гигантские слова. Попробуйте word-wrap - результат превзойдет ожидания!