JSFiddle - React, Tailwind, and code Playground
by ChrisStanyon
HTML
<style>
#divTabs {
height: 45px;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
}
.divTab {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
border-left: 1px solid grey;
}
</style>
<div id="divTabs">
<div class="divTab">Tab 0</div>
<div class="divTab">Tab 1</div>
<div class="divTab">Tab 2</div>
<div class="divTab">Tab 3</div>
<div class="divTab">Tab 4</div>
<div class="divTab">Tab 5</div>
<div class="divTab">Tab 6</div>
<div class="divTab">Tab 7</div>
<div class="divTab">Tab 8</div>
<div class="divTab">Tab 9</div>
<div class="divTab">Tab 10</div>
<div class="divTab">Tab 11</div>
<div class="divTab">Tab 12</div>
<div class="divTab">Tab 13</div>
<div class="divTab">Tab 14</div>
<div class="divTab">Tab 15</div>
<div class="divTab">Tab 16</div>
<div class="divTab">Tab 17</div>
<div class="divTab">Tab 18</div>
<div class="divTab">Tab 19</div>
<div class="divTab">Tab 20</div>
<div class="divTab">Tab 21</div>
<div class="divTab">Tab 22</div>
<div class="divTab">Tab 23</div>
<div class="divTab">Tab 24</div>
<div class="divTab">Tab 25</div>
<div class="divTab">Tab 26</div>
<div class="divTab">Tab 27</div>
<div class="divTab">Tab 28</div>
<div class="divTab">Tab 29</div>
<div class="divTab">Tab 30</div>
<div class="divTab">Tab 31</div>
<div class="divTab">Tab 32</div>
<div class="divTab">Tab 33</div>
<div class="divTab">Tab 34</div>
<div class="divTab">Tab 35</div>
<div class="divTab">Tab 36</div>
<div class="divTab">Tab 37</div>
<div class="divTab">Tab 38</div>
<div class="divTab">Tab 39</div>
<div class="divTab">Tab 40</div>
<div class="divTab">Tab 41</div>
<div class="divTab">Tab 42</div>
<div class="divTab">Tab 43</div>
<div class="divTab">Tab 44</div>
<div class="divTab">Tab 45</div>
<div class="divTab">Tab 46</div>
<div class="divTab">Tab 47</div>
<div class="divTab">Tab 48</div>
<div...