JSFiddle - React, Tailwind, and code Playground

by uiwwnw

HTML

<div class="row">
  <div class="cell">
    <span>01</span>
    <span class="aaaa">02</span>
    <span>03</span>
    <span>04</span>
    <span>05</span>
    <span>06</span>
    <span>07</span>
    <span>08</span>
    <span>09</span>
    <span>10</span>
    <span>11</span>
    <span>12</span>
    <span>13</span>
    <span>14</span>
    <span>15</span>
    <span>16</span>
    <span>17</span>
    <span>18</span>
    <span>19</span>
    <span>20</span>
    <span>01</span>
    <span>02</span>
    <span>03</span>
    <span>04</span>
    <span>05</span>
    <span>06</span>
    <span>07</span>
    <span>08</span>
    <span>09</span>
    <span>10</span>
    <span>11</span>
    <span>12</span>
    <span>13</span>
    <span>14</span>
    <span>15</span>
    <span>16</span>
    <span>17</span>
    <span>18</span>
    <span>19</span>
    <span>20</span>
  </div>  
</div>

SCSS

.row {
  display: table;
  
  .cell {
    overflow: hidden;
    display: table-cell;
  }
  
  .aaaa {
    width: 1000px;
    clear: both;
  }
  
  span {
    float: left;
    width: 50px;
    height: 20px;
  }
}