CSS: series of floated elements without wrapping but rather scrolling horizontally

Question

I\'m working on a album viewer. At the top I want a horizontal container of all the image thumbnails. Right now all the thumbnails are wrapped in a div with float:left

Answer 1

I know this is an old question now but this came up in a google search. I was trying to change a floated layout into a horizontal scrolled layout on mobile. None of the above worked for me. Instead I used the below which worked in my case:

    main
 {
    display: flex;
    max-width: 100%;
    overflow-x: auto;
 }
 
    main .thumbnail
 {
    width: 400px;
    flex-shrink: 0;
 }