JSFiddle - React, Tailwind, and code Playground

HTML

<p>Mauris nisi risus, maximus bibendum condimentum ac, tempus quis nulla. Vestibulum id ullamcorper ipsum. Donec vestibulum dui in blandit vestibulum. Suspendisse dapibus sapien porta hendrerit posuere. Sed turpis lorem, convallis id mauris nec, vestibulum suscipit mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut commodo porta pellentesque. Nulla facilisi. Donec eu velit in leo tempor convallis. Nullam enim massa, faucibus sed lectus sed, euismod lobortis justo. Vivamus nec dolor ut metus auctor pellentesque. Donec lobortis, libero ac bibendum vestibulum, turpis tellus auctor magna, ut venenatis felis est nec ante. Mauris mollis, felis vitae aliquet varius, eros eros dapibus justo; sit amet fermentum eros felis at massa! Aliquam erat volutpat. Sed porttitor risus ut purus iaculis tristique.
</p>

CSS

p {
    position:relative;
    z-index:1;
    padding: 10px;
    margin: 10px;
    font-size: 21px;
    line-height: 1.3em;
    color: #fff;
    background: #ff0030;
    -webkit-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10,10,0,.5);
    -moz-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);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

p:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 3px;
    bottom: 3px;
    left :3px;
    right: 3px;
    border: 2px dashed #fff;
}

p a {
    color: #fff;
    text-decoration:none;
}

p a:hover, p a:focus, p a:active {
    text-decoration:underline;
}