CSS Скрыть переполнение текста
При значении hidden переполнение обрезается, а остальная часть содержимого скрывается:
Попробуйте удалить свойство overflow, чтобы понять, как оно работает.
Свойство overflow можно использовать, если требуется лучше контролировать макет. Свойство overflow определяет, что происходит, если содержимое переполняет поле элемента.