I can't seem to make these div next to each other and scroll horizontally

I am making 3 color cards from 3 div, and I want them to be next to each other
But this time it stay under each other
if i try

overflow: auto;
white-space: nowrap;

and it mess up my card
So how can i fix it
Here is jsfiddle example: https://jsfiddle.net/bjoatcr9/

Block elements such as div will always start a new line by default.
Change the display property to display: inline-block and they should line up, though they will wrap to new lines if there is not sufficient space.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.