How do i align many elements in a horizontal line and if overflowed, they should scroll...

Question

Please help me i tried a lot about this situation

Answer 1

.hor-scroll {
display: flex;
overflow-x: auto;
}

.hor-scroll > * {
flex: none;
}

https://code.sololearn.com/W0ceELlLGdg2/?ref=app

Answer 2

Anas Yes, It is needed but I just said about overflow 😊, I think you found an answer, Calvin already answer......

Answer 3

Make:: overflow: auto;
Which make it scroll when it is necessary.....

If you want to make scroll, You need to make :: overflow: scroll;
Which makes the elements to be scrolled.....

🤔May help you.....:-)

Answer 4

Here is some information.

https://www.w3schools.com/css/css_overflow.asp

Answer 5

Yeah I tried it in VS Code it works
They are right ▶️

Answer 6

֎₳¥Ʉ$Ħ֎ so display and position is not necessary??

Answer 7

Thanks a lot Calviղ