How to Make Div Scrollable Horizontally

HTML

<div class=”horizontal_scrollbar”>

<div class=”horizontal_scrollbar_inner”>

How to make a div scrollable horizontally?

</div>

</div>

CSS

.horizontal_scrollbar {

background: #fff;

overflow-x: scroll;

width: 500px;

padding: 10px;

}

.horizontal_scrollbar_inner {

width: 800px;

}

how-to-make-div-scrollable-horizontally

Horizontal Scrollbar Demo

 

Share on Facebook0Share on Google+0Tweet about this on Twitter0Pin on Pinterest0

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

More in HTML CSS, HTML CSS Snippets
how-to-make-div-scrollable-vertically
How to Make Div Scrollable Vertically

HTML <div class="vertical_scrollbar"> How to make a div scrollable vertically? </div> CSS .vertical_scrollbar { background: #fff; height: 100px; overflow-y: scroll...

Close