JSFiddle - React, Tailwind, and code Playground

by fallenreaper

HTML

<br />
<table>
    <tr>
        <td id = "tdata"><a class = "modalButton" href = "#">Close</a></td>
    </tr>
    <tr>
        <td>There is some lengthy arbituary content here</td>
    </tr>
</table>

CSS

table{
border: 2px solid red;            
}
#tdata {
    text-align:right;
padding-bottom: 10px;        
}
a.modalButton
{
    /*display: block;*/
    background-color:white;
    padding: 5px;              
    border-radius: 5px;
    text-align: center;
     
    margin-right: -8px;
    /*margin-left: 10px;*/
    width: 120px;
    border: 2px solid black;
}
a.modalButton:hover
{
    background-color: Aqua;
}