Свойство overflow-x управляет отображением содержания блочного элемента по горизонтали, если контент целиком не помещается и выходит за область справа или слева от блока.
<!DOCTYPE html><html><head><metacharset="utf-8"/><title>overflow-x</title><style>.layer{overflow-x:scroll;/* Добавляем полосу прокрутки */width:300px;/* Ширина блока */height:150px;/* Высота блока */padding:5px;/* Поля вокруг текста */border:solid1pxblack;/* Параметры рамки */white-space:nowrap;/* Запрещаем перенос строк */}</style></head><body><divclass="layer"><h2>Гетерогенный голубой гель</h2><p>
Кондуктометрия мягко передает электронный способ
получения независимо от последствий проникновения
метилкарбиола внутрь.
</p></div></body></html>