JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html> 

<html> 
  <head>
    <style>
        table {
          border: 1px solid black;
        }

        .even {
          color: red;
        }

        .odd {
          color: black;
        }
     </style>	
   </head>
   <body> 
      <table>
        <tr>
        <td class="odd">1</td>
          <td class="even">2</td>
          <td class="odd">3</td>
          <td class="even">4</td>
          <td class="odd">5</td>
          <td class="even">6</td>
          <td class="odd">7</td>
          <td class="even">8</td>
          <td class="odd">9</td>
          <td class="even">10</td>
        </tr>
        <tr>
          <td class="even">2</td>
          <td class="even">4</td>
          <td class="even">6</td>
          <td class="even">8</td>
          <td class="even">10</td>
          <td class="even">12</td>
          <td class="even">14</td>
          <td class="even">16</td>
          <td class="even">18</td>
          <td class="even">20</td>
        </tr>
      </table>
      ...
   </body> 
</html>