CSS overflow-x can be used, when the content overflows along the x-axis (Left or Right) in the elements container.
Using this property we can add scroll bars or clip some of the contents.
CSS overflow-x property values are
It is the default. The overflowing content is not clipped, it is displayed outside the elements box.
The overflowing content is clipped, only the remaining can be seen.
The overflowing content is clipped, and scroll bar is added. So that the clipped content can be seen.
If the overflowing content is clipped, scroll bar is added.