JSFiddle - React, Tailwind, and code Playground

HTML

<p>This is a para</p>
<p>This is too</p>
<div class="addcontent"></div>

CSS

p:before {
    content:'<div class="test"></div>';
}
p:after {
    content:'YOU HAVE GONE PAST THE END OF THE PARAGRAPH!!!!';
}
.test {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    background-color: blue;
}
.addcontent:after {
    position: relative;
    width: 116px;
    height: 116px;
    background-color: blue;
    content:'this is content from css';
}