JSFiddle - React, Tailwind, and code Playground

by Blanca B

HTML

<table id="tabla1" style="float: left" width="45%" border="1px black solid" cellpadding="15" cellspacing="7">
    <tr>
        <td>Blogger</td>
        <td>Blog</td>
        <td>Edad</td>
    </tr>
    <tr>
        <td>Zoe</td>
        <td>Bristol</td>
        <td>25</td>
    </tr>
</table>

<table id="tabla2" style="float: right" width="45%" border="1px black solid">
    <tr>
        <td>Blogger</td>
        <td>Blog</td>
        <td>Edad</td>
    </tr>
    <tr>
        <td>Zoe</td>
        <td>Bristol</td>
        <td>25</td>
    </tr>
</table>

CSS

#tabla2 {
    border-spacing: 7px; /*lo mismo que cellspacing*/
}

#tabla2 td {
    padding: 15px; /*lo mismo que cellpadding*/
}