Свойство overflow-wrap

Исходный код этого примера:

<style>
    .narrow {
        width: 130px; /* Ширина блока */
        background: #ccc; /* Цвет фона */
        padding: 10px; /* Поля вокруг текста */
    }
    .breakWord {
        overflow-wrap: break-word; /* Делать разрывы внутри слов при переносе строки */
    }
    .normal {
        overflow-wrap: normal; /* Делать перенос строки по умолчанию */
    }
  </style>
    <div class="breakWord narrow">
        Самые длинные существительные — человеконенавистничество и высокопревосходительство (по 24 буквы).
    </div><br>
    <div class="normal narrow">
        Самые длинные существительные — человеконенавистничество и высокопревосходительство (по 24 буквы).
    </div>