JSFiddle - React, Tailwind, and code Playground

by Eric Howe

HTML

<table>
    <tr>
        <td>
            <span class="sit-in-the-corner">1</span>
            Add Client
        </td>
        <td>
            <span class="sit-in-the-corner">2</span>
            Create Project
        </td>
    </tr>
    <tr>
        <td>
            <span class="sit-in-the-corner">3</span>
            Add Client Email
        </td>
        <td>
            <span class="sit-in-the-corner">4</span>
            Profit
        </td>
    </tr>
</table>

CSS

table {
    width: 600px;    
    border-spacing: 20px;   
}

table td {
    height: 200px;
    width: 300px;
    border: 2px dotted #000;
    text-align: center;
}

.sit-in-the-corner {
    float: left;
    margin-left: 5px;
    margin-top: -85px;
}