JSFiddle - React, Tailwind, and code Playground

HTML

<p class="alert-error">
 <span></span>
 <span>test</span>
 <span></span>
 <span></span>
 <span>test2</span>

</p>

CSS

.alert-error {
    background: red;
}
.alert-error span {
    border: 1px solid blue;
    width: 10px;
    padding: 10px;
    margin: 10px;
}
.alert-error span:empty {
    background: green;
}