JSFiddle - React, Tailwind, and code Playground

HTML

<div> Hello </div>

CSS

div {
    background: #ccc;
    height: 100px;
    width: 200px;
    text-align: center;
    position: relative;
}

div:before {
    background: #0c0;
    content: 'before';
    display: block;
    height: 100px;
    width: 100px;
    position: absolute;
    left: 200px;
    top: 0;
}

div:after {
    background: #c00;
    content: 'after';
    display: block;
    height: 100px;
    width: 100px;
    position: absolute;
    right: -200px;
    top: 0;
}