Свойство word-break

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

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