JSFiddle - React, Tailwind, and code Playground

by naldenvb

HTML

<body>    
   
<div class="signature">
   
<div class="signature_table">

<td>
    <table>
        <tr>
            <td>
                <table>
                    <tr>
                        <td>
                            <table>
                                <tr>
                                    <td>Blah</td>                                    
                                </tr>
                                <tr>
                                    <td>Blah</td>
                                </tr>
                                <tr>
                                    <td>Blah</td>
                                </tr>
                            </table>
                        </td>
                        <td class="loopCell">
                            {1,...}
                            <table>
                                <tr>
                                    <td>
                                        <table>
                                            <tr>
                                                <td>More blah</td>
                                                <td>More blah</td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</td>




</div>

</div>
</body>

</html>

CSS

body
{
    margin: 1em; 
}

.signature_table td 
{
  border: solid;
  border-width: 1px; 
  padding: 1px;
  background-color: white;
  font-weight: normal;
  text-align: center; 
}

td .loopCell
{
   font-weight: bold;    
   padding-left: 1.5em;
   padding-right: 1px;
   padding-bottom: 1px;
   background-color:#AA6110;
   margin: none; 
   text-align:left;
}

.loopCell > table
{
  vertical-align: bottom;
}

table
{
  border: 0.1em solid;
  padding: 0;
  border-spacing: 0;
  border-collapse: collapse;
}