JSFiddle - React, Tailwind, and code Playground

HTML

<div class="message">Lorem ipsum dolor sit amet.</div>
<div class="message">Et mollitia porro, sapiente incidunt.</div>
<div class="message"></div>
<div class="message">Consequatur rem corporis perspiciatis placeat.</div>
<div class="message"></div>
<div class="message">Vitae eveniet labore provident vero.</div>
<div class="message">Architecto corporis ullam ex, repellat.</div>
<div class="message"></div>
<div class="message">Deserunt quae dolor delectus, possimus.</div>
<div class="message">Ab a aperiam dicta doloremque.</div>
<div class="message">Voluptatibus rem, ex veniam ipsam.</div>
<div class="message"></div>
<div class="message">Ab debitis, officia ea beatae.</div>
<div class="message"></div>

CSS

.message{
    margin: 8px;
    padding: 8px 16px;
    color: #673ab7;
    background-color: #e1baf9;
    font-family: sans-serif;
    border-radius: 4px;
}

.message:nth-child(3) {
  content:"asdsad"
  color: #e91e63;
  background-color: #f9b9ce;
}