Overflowing horizontal list with Scrollbar

OK, let me explain what I’m trying to do:

  • I have a ul list with items
  • Items are of fixed width (and height)
  • The list is horizontal
  • When the items “overflow” their container, I want them to remain in the same line (and being able to horizontally scroll in the container)

What happens instead:

When there are more items than the containers can handle, the “overflowing” elements move to the line below.

Demo: https://jsfiddle.net/gm32f6fp/

What am I doing wrong?

Source: css

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.