JSFiddle - React, Tailwind, and code Playground

HTML

<div data-rm-content="value">
</div>
<div data-rm-type="value">
</div>
<div data-rm-title="value">
</div>
<div data-rm-amount="value">
</div>

CSS

[data-rm-content] {
    background: #000;
    width: 50px;
    height: 50px;
    margin: 5px;
    float: left;
}
[data-rm-type] {
    background: #000;
    width: 50px;
    height: 50px;
    margin: 5px;
    float: left;
}
[data-rm-title] {
    background: #000;
    width: 50px;
    height: 50px;
    margin: 5px;
    float: left;
}
[data-rm-amount] {
    background: #000;
    width: 50px;
    height: 50px;
    margin: 5px;
    float: left;
}