JSFiddle - React, Tailwind, and code Playground

by guyluchenbill

HTML

<div class='nums'>
    
<table>
  <tr>
    <td><a href='#'>1</a></td>
    <td><a href='#'>2</a></td>
    <td><a href='#'>3</a></td>
    <td><a href='#'>4</a></td>
    <td><a href='#'>5</a></td>
    <td><a href='#'>6</a></td>
    <td><a href='#'>7</a></td>
    <td><a href='#'>8</a></td>
    <td><a href='#'>9</a></td>
    <td><a href='#'>10</a></td>            
  </tr>
  <tr>
    <td><a href='#'>11</a></td>
    <td><a href='#'>12</a></td>
    <td><a href='#'>13</a></td>
    <td><a href='#'>14</a></td>
    <td><a href='#'>15</a></td>
    <td><a href='#'>16</a></td>
    <td><a href='#'>17</a></td>
    <td><a href='#'>18</a></td>
    <td><a href='#'>19</a></td>
    <td><a href='#'>20</a></td>            
  </tr>  
  <tr>
    <td><a href='#'>21</a></td>
    <td><a href='#'>22</a></td>
    <td><a href='#'>23</a></td>
    <td><a href='#'>24</a></td>
    <td><a href='#'>25</a></td>
    <td><a href='#'>26</a></td>
    <td><a href='#'>27</a></td>
    <td><a href='#'>28</a></td>
    <td><a href='#'>29</a></td>
    <td><a href='#'>30</a></td>            
  </tr>
  <tr>
    <td><a href='#'>31</a></td>
    <td><a href='#'>32</a></td>
    <td><a href='#'>33</a></td>
    <td><a href='#'>34</a></td>
    <td><a href='#'>35</a></td>
    <td><a href='#'>36</a></td>
    <td><a href='#'>37</a></td>
    <td><a href='#'>38</a></td>
    <td><a href='#'>39</a></td>
    <td><a href='#'>40</a></td>            
  </tr> 
  <tr>
    <td><a href='#'>41</a></td>
    <td><a href='#'>42</a></td>
    <td><a href='#'>43</a></td>
    <td><a href='#'>44</a></td>
    <td><a href='#'>45</a></td>
    <td><a href='#'>46</a></td>
    <td><a href='#'>47</a></td>
    <td><a href='#'>48</a></td>
    <td><a href='#'>49</a></td>
    <td><a href='#'>50</a></td>            
  </tr> 
  <tr>
    <td><a href='#'>51</a></td>
    <td><a href='#'>52</a></td>
    <td><a href='#'>53</a></td>
    <td><a href='#'>54</a></td>
    <td><a href='#'>55</a></td>
    <td><a href='#'>56</a></td>
    <td><a href='#'>57</a></td>
   ...

CSS

table, tr, td, a { margin:0; padding:0; }
table { 
  background: gray; 
  color: #181818;
  padding: .1em;
}
tr { 
   background: lightgray; 
}
td { 

}
a { 
  display: block; 
  padding: .5em;
  text-decoration: none; 
  color: #181818;
}
a:hover { 
   background: gray;  
   text-decoration: underline; 
}