JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<div id="sbr_btn">
        <div><a href="xx">00</a></div>
        <div><a href="xx">01</a></div>
        <div><a href="xx">02</a></div>
        <div><a href="xx">03</a></div>
        <div><a href="xx">04</a></div>
        <div><a href="xx">05</a></div>
        <div><a href="xx">06</a></div>
        <div><a href="xx">07</a></div>
        <div><a href="xx">08</a></div>
        <div><a href="xx">09</a></div>
        <div><a href="xx">10</a></div>
        <div><a href="xx">11</a></div>
        <div><a href="xx">12</a></div>
        <div><a href="xx">13</a></div>
        <div><a href="xx">14</a></div>
        <div><a href="xx">15</a></div>
        <div><a href="xx">16</a></div>
        <div><a href="xx">17</a></div>
        <div><a href="xx">18</a></div>
        <div><a href="xx">19</a></div>
        <div><a href="xx">20</a></div>
        <div><a href="xx">21</a></div>
        <div><a href="xx">22</a></div>
        <div><a href="xx">23</a></div>
        <div><a href="xx">24</a></div>
        <div><a href="xx">25</a></div>
        <div><a href="xx">26</a></div>
        <div><a href="xx">27</a></div>
        <div><a href="xx">28</a></div>
        <div><a href="xx">29</a></div>
        <div><a href="xx">30</a></div>
        <div><a href="xx">31</a></div>
        <div><a href="xx">32</a></div>
        <div><a href="xx">33</a></div>
        <div><a href="xx">34</a></div>
        <div><a href="xx">35</a></div>
        <div><a href="xx">36</a></div>
        <div><a href="xx">37</a></div>
        <div><a href="xx">38</a></div>
        <div><a href="xx">39</a></div>
        <div><a href="xx">40</a></div>
        <div><a href="xx">41</a></div>
        <div><a href="xx">42</a></div>
        <div><a href="xx">43</a></div>
        <div><a href="xx">44</a></div>
        <div><a href="xx">45</a></div>
        <div><a href="xx">46</a></div>
        <div><a href="xx">47</a></div>
        <div><a href="xx">48</a></div>
        <div><a href="xx">49</a></div>
        <div><a...

CSS

#sbr_btn div {
    float: left;
    padding: 4px;
    text-align: center;
}
#sbr_btn div a {
    display: inline-block;
    padding: 1px 4px;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    color: #111111;
}

#sbr_btn {
    overflow:hidden;
    border: 1px solid #ccc;
}