JSFiddle - React, Tailwind, and code Playground

HTML

<div id="right">
        <table>
            <tr>
                <th colspan="2">Legend</th>
            </tr>
            <tr>    
                <td>
                    Project A
                </td>
                <td>
                    Value A
                </td>
            </tr>
            <tr>    
                <td>
                    Project B
                </td>
                <td>
                    Value B
                </td>
            </tr>
            <tr>    
                <td>
                    Project C
                </td>
                <td>
                    Value C
                </td>
            </tr>
            <tr>    
                <td>
                    Project D
                </td>
                <td>
                    Value D
                </td>
            </tr>
            <tr>    
                <td>
                    Project E
                </td>
                <td>
                   Value E
                </td>
            </tr>
            <tr>    
                <td>
                    Project F
                </td>
                <td>
                    Value F
                </td>
            </tr>
            <tr>    
                <td>
                    Project G
                </td>
                <td>
                    Value G
                </td>
            </tr>
            <tr>    
                <td>
                    Project H
                </td>
                <td>
                    Value H
                </td>
            </tr>
            <tr>    
                <td>
                    Project I
                </td>
                <td>
                    Value I
                </td>
            </tr>
            <tr>    
                <td>
                    Project J
                </td>
                <td>
                    Value J
                </td>
            </tr>
            <tr>    
                <td>
              ...

CSS

#right
    {
        height: 350px;
        width:34%;
        background-color:Blue;
        float:left;
        display:table-cell;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 14px;
        color: #333;
    }
    
    #right table
    {
        border: 1px solid black;
        border-collapse:collapse;
        width: 90%;
        /*height: 330px;*/
        /*margin:auto;*/
        margin-left:auto;
        margin-right:auto;
        /*margin-top:5%;*/
        /*margin-top:10px;*/
    }
    
    #right th
    {
        text-align:center;
    }
    
    #right td
    {
        border: 1px solid Black;
    }