JSFiddle - React, Tailwind, and code Playground

by Alex Baumgertner

HTML

<div class="parent-pseudo-elem-ff"></div>

CSS

.pseudo-elem-ff {
    position: relative;
    padding-left: 24px;
    font-size: 16px;
    line-height: 28px;
}
.pseudo-elem-ff:after {
    position: absolute;
    left: 7px;
    width: 10px;
    content:"â– ";
    text-align: center;
    font-size: 6px;
}

JavaScript

var insertElem = $('<div class="pseudo-elem-ff">block with pseudo elem :after</div>');

$(function(){
    setTimeout(
        function(){
            insertElem.appendTo($('.parent-pseudo-elem-ff'));
        },
        1000
    );
    
});