CSS horizontal scroll

Question

I have a list of content that I want to display on the span9 bootstrap grid, and it should only scroll along the x axis. Below you can find pictures of the design.

But I can’t get it to work with

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

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

Answer 1

The content does not overflow on the X axis, because it just jumps to a new line. You probably need to make the content stay on the same line with:

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