JSFiddle - React, Tailwind, and code Playground

by Felipe Alfaro

HTML

<h1>Hello World,<br>Hola</h1>

CSS

h1 {
    position: relative;
    padding: 13px 26px;
}

h1:before,
h1:after {
    display: inline-block;
    position: relative;
    content: '';
    width: 8px;
    height: 8px;
    background: red;
}

h1:before {
    box-shadow: 8px 0 0 red, 0 8px 0 red;
    margin: 0 18px 8px -26px;
    top: -26px;
}

h1:after {
    box-shadow: -8px 0 0 red, 0 -8px 0 red;
    margin: 8px -26px 0 18px;
    top: 21px;
}