JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
    <tr>
        <td>title1</td>
        <td>title2</td>
        <td>title3</td>
    </tr>
   <tr>
       <td><a href="#">item1_1</a></td>
       <td><a href="#">item1_1</a></td>
       <td><a href="#">item1_1</a></td>
    </tr>
    <tr>
        <td><a href="#">item1_1</a></td>
        <td><a href="#">item1_1</a></td>
        <td><a href="#">item1_1</a></td>
    </tr>
    <tr>
        <td><a href="#">item1_1</a></td>
        <td><a href="#">item1_1</a></td>
        <td><a href="#">item1_1</a></td>
    </tr>
</table>

CSS

a:link {text-decoration:none; color:#666666;}      
 a:visited {text-decoration:none; color:#666666;}  
 a:hover {text-decoration:none; color:#666666; font-weight: bold;} 
 a:active {text-decoration:none; color:#666666;}  

a{display:block;width:55px;}