Defines how overflowing content on the horizontal axis is displayed.
default
overflow-x: visible;
The overflowing content is visible, while the element itself stays at the specified width.
overflow-x: hidden;
The overflowing content is hidden and can not be accessed.
overflow-x: scroll;
The overflowing content is accessible thanks to a horizontal scrollbar.
overflow-x: auto;
The browser decides whether to display a horizontal scrollbar or not.