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

[Anonymous]

Я только начал работать с HTML и CSS с помощью Angular, и некоторое время пытался создать этот список прокрутки, но не уверен, как его реализовать.
Я могу реализовать его с помощью элементов li и ul, но для этого конкретного примера, где я повторяю использование *ngFor, я не уверен, как это сделать.
Я хочу добиться чего-то вроде этого:


В настоящее время мое приложение отображается следующим образом: (с возможностью вертикальной прокрутки)


Как мне сделать так, чтобы мои рейсы отображались в горизонтальном списке, который будет прокручиваться?
Мой код:

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

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;
}

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

Flights 



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

Будем благодарны за любую помощь и/или подсказки!

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