JSFiddle - React, Tailwind, and code Playground

by JakobJingleheimer

HTML

<div class="my-container">
    <p class="stuff">Some stuff</p>
</div>

CSS

body {
    margin: 10px; /* for visibility */
}

.my-container {
    background-color: #eee; /* for visibility */
    position: relative;
}

.my-container:before {
    border: 1px dotted red;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
}

.my-container .stuff {
    padding: 20px;
}