JSFiddle - React, Tailwind, and code Playground

by lottikarotti

HTML

<div class='box'>
    <h1>Headline</h1>
    <p>Text..</p>
</div>

CSS

/**
 * (!) normalized css
 *
 * @author lottikarotti
 */
html, body{ font-family: arial, sans-serif; }

.box{
    margin: 1em;
    padding: 1em;
    background-color: #FFA500;
    border: 2px solid #000;
    border-radius: 20px;
}

.box::before,
.box::after{
    display: block;
    content: '';
    margin: 5px -1em;
    border-bottom: 7px solid #000;
}