HTML
CSS
JavaScript
<div class='container'><div class='content'>This is some long content that will not fit in the container. It will overflow horizontally, and we will control its visibility using the overflow-x property. Keep adding more text to see the effect!</div></div>
.container { width: 200px; border: 1px solid black; overflow-x: scroll; } .content { width: 400px; }
// No JavaScript required for this demo
This is some long content that will not fit in the container. It will overflow horizontally, and we will control its visibility using the overflow-x property. Keep adding more text to see the effect!