HTML
CSS
JavaScript
<div class='container'><div class='overflow-box'>This is a long text that will overflow the box in the inline direction. It is meant to demonstrate the overflow-inline property in action.</div></div>
.container { width: 200px; border: 2px solid #000; overflow-inline: hidden; white-space: nowrap; } .overflow-box { display: inline-block; background-color: lightblue; padding: 10px; overflow-inline: auto; }
// No JavaScript required for this demo
This is a long text that will overflow the box in the inline direction. It is meant to demonstrate the overflow-inline property in action.