JSFiddle - React, Tailwind, and code Playground

by mlsteeves

HTML

<table class="test">
    <tbody>
        <tr><Td>one</td><td>sw</td></tr>
        <tr><Td>two</td><td>sw</td></tr>
        <tr><Td>three</td><td>sw</td></tr>
        <tr><Td>four
            <div class="float"> hello </div>            
            </td><td>sw</td></tr>        
    </tbody>
</table>

CSS

.test{
    width: 100%;
}
.test tr{
    border: solid 1px black;
    position:relative;
}
.test tr td{
}
.float{
    position:absolute;
    right: 1px;
    top: 1px;
}