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

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

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

div {
    overflow-wrap: break-word;
}

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

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