Почему эти слова ломаются в странных местах?

Question

Вот живой сайт: http://chadfraser.com/

Как вы можете видеть, если вы смотрите на мобильном телефоне или масштабируете окно браузера, слова разбиваются на странные места. Я мог бы добавить дефисы, за исключением того, что мой клиент - профессиональный писатель и не хочет их. Нам они не нужны, хотя я не могу понять, почему слова не будут просто заключены в пробел.

Любые мысли будут оценены.

Answer 1

Это потому, что ваш код присваивает word-wrap: break-word; При необходимости слово разбивается пополам.

Точнее, это было установлено в styles.css в строке 51:

body {
    word-wrap: break-word;
    ...

Итак, весь ваш документ будет вести себя так. Установите свойство в word-wrap: normal на элементах, которые вы не хотите нарушать, или просто удалите это свойство из тела