JSFiddle - React, Tailwind, and code Playground

HTML

<table class="tabla7">
    <thead>
	    <tr class="teste" >
			<th class="columna7" >Nome</th>
			<th class="columna7" >Email</th>
        </tr>
    </thead>
    <tbody>
        <tr class="teste" >
			<td class="columna7" >Meu Nome</td>
			<td class="columna7" >Meu Email</td>
        </tr>
        <tr class="teste" >
			<td class="columna7" >Meu Nome 2</td>
			<td class="columna7" >Meu Email 2</td>
        </tr>
    </tbody>
</table>

CSS

.tabla7 .columna7 {
 padding: 5px;
 height: 45px;
 /**float:left;**/
 width:95px;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 vertical-align: middle;
}