Horizontal Scrolling in HTML CSS -

i have list of content want display in bootstrap grid of span9 , has scroll across in x axis. below can find snap shot of design.

but not able work with

overflow-x: scroll; overflow-y: hidden; 

link: http://play.mink7.com/mybooks/template.html

the content not overflowing on x axis because goes new line. you'd need force content stay on 1 line with:

.featured-category ul {     white-space: nowrap;    // add }  .featured-category ul li {     display: inline-block;  // add     /*float: left;*/        // remove }