JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
    <head>
        <style type="text/css">
            .a {
                font-family: Myriad Pro;
                font-size: 0.8em;     
                letter-spacing: 0.1em;
                text-transform: uppercase;
                color: #cccccc;
            }
            .b {
                font-family: Myriad Pro;
                font-size: 0.8em;     
                letter-spacing: 0.1em;
                text-transform: uppercase;
                color: #999999;
            }    
            .c {
                font-family: Myriad Pro;
                font-size: 0.8em;     
                letter-spacing: 0.1em;
                text-transform: uppercase;
                color: #111111;
            }              
        </style>                                        
    </head>
    <body>
        <table border="1">
          <tr class="a">
            <th>Projects</th>
            <th>verpixelt gerendert!</th>
            <th>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</th>
          </tr>
          <tr class="b">
            <td>Projects</td>
            <td>verpixelt gerendert!</td>
            <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</td>
          </tr>
          <tr class="c">
            <td>Projects</td>
            <td>richtig gerendert!</td>
            <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</td>
          </tr>
        </table>     
    </body>
</html>