Горизонтальный список прокрутки отображения HTML CSS (в настоящее время отображается вертикально с помощью свитка) ⇐ Html

[Anonymous]

Я только начал с HTML & CSS с Angular, и я некоторое время пытался достичь этого списка прокрутки, но я не уверен, как его реализовать.
Я могу реализовать его с помощью Li и ul , но для этого конкретного примера я не могу использовать это. :
< /p>
В настоящее время мое приложение отображает здесь: (с вертикальной способностью прокрутки)
< /p>
Как мне заставить свои рейсы отображаться в списке горизонтально, который прокрутит? class = "Snippet-Code-CSS Lang-CSS PrettyPrint-override">

Код: Выделить всё

h3 {
text-align: center;
margin-bottom: 0;
}

h4 {
position: relative;
}

.module {
padding: 20px;
text-align: center;
color: #eee;
max-height: 120px;
min-width: 120px;
background-color: #607D8B;
border-radius: 2px;
}

.module:hover {
background-color: #EEE;
cursor: pointer;
color: #607d8b;
}< /code>
Flights 



[h4]{{flight.number}}[/h4]

Любая помощь и/или указатели будут оценены!

Подробнее здесь: https://stackoverflow.com/questions/460 ... cally-with