Как исправить выход текста за пределы элемента?
Например word-break: break-all;
Потому что все эти символы воспринимаются как 1 слово, по умолчанию браузер не разбивает слово на строки. Нужно в css задать свойство word-wrapword-wrap: break-word;