JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<p>Stiched element</p>

CSS

p {
    padding: 5px 10px;
    margin: 10px;
    background: #ff0030;
    color: #fff;
    font-size: 21px;
    line-height: 1.3em;
    border: 2px dashed #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10, 10, 0, .5);
    -webkit-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10, 10, 0, .5);
    box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10, 10, 0, .5);
    text-shadow: -1px -1px #aa3030;
}