Перенос слов. Свойство hyphens

hyphens:none

hyphens:auto

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

<style>
    .narrow {
        width: 130px; /* Ширина блока */
        background: #ccc; /* Цвет фона */
        padding: 10px; /* Поля вокруг текста */
    }
    .normal {
        hyphens: none; /* Не переносить слова */
    }
    .breakWord {
        hyphens: auto; /* Переносить слова */
    }
  </style>
<h2>hyphens:none</h2>
<div class="normal narrow">
    Самые длинные существительные – человеконенавистничество и высокопревосходительство (по 24 буквы).
</div><br>
<h2>hyphens:auto</h2>
<div lang="ru" class="breakWord narrow">
    Самые длинные существительные – человеконенавистничество и высокопревосходительство (по 24 буквы).
</div>