Как применить CSS-свойство word-wrap — break-word для переноса слов

CSS свойство word-wrap: break-word позволяет управлять переносом слов внутри элементов блочной модели на веб-странице. Оно задает поведение текста, когда строка превышает ширину содержащего элемента. Когда это свойство задано со значением break-word, слова будут переноситься на новую строку, если они не помещаются в одной строке. Это особенно полезно, когда у вас есть длинный URL или текст без пробелов, который необходимо отобразить внутри элемента. Это свойство позволяет улучшить читаемость и визуальное представление контента, предотвращая обрубание слов и сохраняя их целостность на странице. При использовании свойства word-wrap: break-word органично вписывает текст в ширину блока, улучшая впечатление пользователя от веб-сайта.