JSFiddle - React, Tailwind, and code Playground

by dynamis

HTML

<p>マージンのある p 要素</p>
<table>
    <tr>
        <td>マージンのある table 要素</td>
    </tr>
</table>
<p>こちらもマージンのある p 要素</p>
<div class="table">
div.table
</div>
<p>またまたマージンのある p 要素</p>

CSS

p {
    margin: 3em;
    border: solid 1px;
}
table {
    margin: 5em;
    border: solid 1px;
}
.table {
    display: table;
    margin: 5em;
    border: solid 1px;
}