JSFiddle - React, Tailwind, and code Playground

by Jeremy Banks

HTML

Paddings stack:

<p style="padding: 50px;">Hi</p>

<p style="padding: 50px;">Hi</p>

Margins overlap (but you can't see):

<p style="margin: 50px;">Hi</p>

<p style="margin: 50px;">Hi</p>

<p style="margin: 50px;">Hi</p>

---

CSS

p {
    border: 1px solid blue;
    background: rgba(0, 0, 0, 0.25);
}