Example Code
<!-- Codes by HTMLmagics -->
<div style="border:1px solid black;width:200px;height:150px;overflow-x:scroll;overflow-y:hide;">
<p style="background-color:Cornsilk;width:200%;">Here's a demonstration of how to make a scroll box with a horizontal scrollbar. Note that to demonstrate the scrollbar properly, I've made this text wider than the actual scroll box.</p>
</div>
<p><a style="font-size:11px;color:#999;" href="http://htmlmagics.blogspot.com/scroll-boxes/horizontal-scrollbar.cfm">Horizontal Scroll bar</a></p>
Result
<!-- Codes by HTMLmagics -->
<div style="border:1px solid black;width:200px;height:150px;overflow-x:scroll;overflow-y:hide;">
<p style="background-color:Cornsilk;width:200%;">Here's a demonstration of how to make a scroll box with a horizontal scrollbar. Note that to demonstrate the scrollbar properly, I've made this text wider than the actual scroll box.</p>
</div>
<p><a style="font-size:11px;color:#999;" href="http://htmlmagics.blogspot.com/scroll-boxes/horizontal-scrollbar.cfm">Horizontal Scroll bar</a></p>
Result
Here's a demonstration of how to make a scroll box with a horizontal scrollbar. Note that to demonstrate the scrollbar properly, I've made this text wider than the actual scroll box.
