1.scroll{
2 overflow-x: scroll;
3 overflow-y: hidden;
4 height: 80px;
5 white-space:nowrap
6}
1<div class="scrolling-wrapper">
2 <div class="card"><h2>Card</h2></div>
3 <div class="card"><h2>Card</h2></div>
4 <div class="card"><h2>Card</h2></div>
5 <div class="card"><h2>Card</h2></div>
6 <div class="card"><h2>Card</h2></div>
7 <div class="card"><h2>Card</h2></div>
8 <div class="card"><h2>Card</h2></div>
9 <div class="card"><h2>Card</h2></div>
10 <div class="card"><h2>Card</h2></div>
11</div>
12.scrolling-wrapper {
13 overflow-x: scroll;
14 overflow-y: hidden;
15 white-space: nowrap;
16
17 .card {
18 display: inline-block;
19 }
20}
1.scrolling-wrapper-flexbox { display: flex; flex-wrap: nowrap; overflow-x: auto; .card { flex: 0 0 auto; }}