JSFiddle - React, Tailwind, and code Playground

by Andrey Izman

HTML

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

CSS

.test {
    display: block;
    background-color: gray;
    width: attr(data-width);
    height: attr(data-height px, 120px);
}

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