Как заставить разрывы строк между словами только в CSS / HTML?

У меня есть только обычный кусок текста в <p> тег внутри <div> тег. Но только Firefox отображает это правильно.

Firefox разрывает строки между словами. Все остальные браузеры прерывают строку среднего слова, что затрудняет чтение.

Вот пример того, что я имею в виду:

Firefox (работает):

This was busy in it was I was here. Let 
him as being within eight by their 
graves, to go down upon her to be a 
dozen directly. So, leaving word 
following, poor mother, of other man, 
and my finger on his blue flag, and the 
habit of tea on a bit. I might feel 
very sorry there is rich, too; late of 
his deepest voice...

Все остальные браузеры (IE5-8, Safari, Chrome) (не работает:)

This was busy in it was I was here. Le
t him as being within eight by their g
raves, to go down upon her to be a doz
en directly. So, leaving word followin
g, poor mother, of other man, and my f
inger on his blue flag, and the habit 
of tea on a bit. I might feel very sor
ry there is rich, too; late of his dee
pest voice...

Как мне сделать это для всех браузеров?

2 ответа

Решение

Где-то в вашем CSS у вас, вероятно, есть word-wrap: break-word, Найдите и измените на word-wrap: normal (или просто удалите элемент переноса слов).

Чтобы текст разбился сам по себе, просто добавьте отступ слева и справа к контейнеру (div, td и т. Д.) Текста.

Другие вопросы по тегам