JSFiddle - React, Tailwind, and code Playground

by Yaroslav Samardak

HTML

<div class='test' data-name=" - CONTENT" data-width="400">teste</div>

CSS

.test {
    display: inline-block;
    background-color: gray;
    width: attr(data-width);
}

.test:after {
    content: attr(data-name);
}