JSFiddle - React, Tailwind, and code Playground

HTML

<div id="Tab" class="tab_container">
                
        <div class="layout-sector-list">
            <table border="0">
                <thead>
                    <tr class="TabControl">
                        <th>

                            <img src="/content/images/100/sortAsc.gif"></img>&nbsp;<a class="selected" href="/sectors/shareclassreturns/1930?size=25&amp;orderby=shareclass_name&amp;ascending=false">Share name</a>
                        </th>
                        <th class="numeric">
                            <a href="/sectors/shareclassreturns/1930?size=25&amp;orderby=one_month_to_latest_database_date&amp;ascending=false">1mth perf%</a>
                        </th>

                        <th class="numeric">
                            <a href="/sectors/shareclassreturns/1930?size=25&amp;orderby=three_months_to_latest_database_date&amp;ascending=false">3mth perf%</a>

                        </th>

                        <th class="numeric">
                            <a href="/sectors/shareclassreturns/1930?size=25&amp;orderby=six_months_to_latest_database_date&amp;ascending=false">6mth perf%</a>
                        </th>
                        <th class="numeric">
                            
                            <a href="/sectors/shareclassreturns/1930?size=25&amp;orderby=year_to_latest_database_date&amp;ascending=false">YTD perf%</a>
                        </th>

                        <th class="numeric">
                            
                            <a href="/sectors/shareclassreturns/1930?size=25&amp;orderby=one_year_to_latest_database_date&amp;ascending=false">1yr perf%</a>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    
                        <tr>
                            <td> 
                                <b>

                                
                                    <a...

CSS

.footer
{
    font-family: Arial;
    font-size: 11px;
    margin: 30px 0px 30px 0px;
    /*margin: 6px 0px 6px 0px;*/
    text-align: justify;
    clear: both;
    position:relative;   
}

.footer p
{
    margin: 11px 0px;
    text-align: justify;
}
.tab_container
{
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left;
    width: 100%;
}

.footer
{
    color: #666666;
    border: 1px;
    border-style:dashed;
    border-color: gray;
    
}

.footer
{
    color: #666666;
}

.layout-sector-list
{
    line-height: normal;
}

.layout-sector-list table
{
    /*font-size: 12px;
    color: #666666;*/
    border-bottom: solid 2px #CCCCCC;
    margin: 6px 0 6px 0;
}

.layout-sector-list th 
{
    font-weight: bold;
    border-bottom: solid 3px #A7A59B;
    text-align: left;
    padding-bottom: 6px;
    padding-left: 3px;
}

.layout-sector-list th a
{
    font-size: 12px;
    color: #666666;
    
}

.layout-sector-list th.numeric
{
    text-align: right;
}

.layout-sector-list tr td
{
    padding-left: 0px;
    border-spacing: 0px;
    /* background-color: #F6E9D8; */
    border-bottom: 1px solid #CCCCCC;
    padding-bottom:4px;
    padding-top:4px;
}