Сделать перенос длинного текста на следующую строку

Когда слово очень длинное, то оно выходит за рамки текущего блока.

Чтобы длинное слово переносилось на следующую строчку, используется свойство overflow-wrap: break-word.

div {
    overflow-wrap: break-word;
}

Также можно указать тег <wbr> в тех местах, где предполагается перенос строки.

Дезок<wbr>сирибону<wbr>клеиновая кислота
long/<wbr>path/<wbr>to/<wbr>file.php