JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<td style="vertical-align: middle; font-size: 10px;">
<span class="edit-icon glyphicon glyphicon-pencil"> </span>
    <p>Content</p>
    <p>More content</p>
    <p>Even more content</p>
    <p>So much more content</p>
</td>
</table>

CSS

table
{
    position:relative;
    
}
td
{    
    height:300px;
    width:300px;
    background-color:grey;          
}
span
{
    top:5px;
    right:5px;
    position:absolute;
    height:100px;
    width:100px;
    background-color:red;    
}