JSFiddle - React, Tailwind, and code Playground

HTML

<p class="highlighted-paragraph">Paragraph 1</p>
<p class="highlighted-paragraph">Paragraph 2</p>
<p class="highlighted-paragraph">Paragraph 3</p>
<p>Normal paragraph.</p>
<p class="highlighted-paragraph center-paragraph">Centered paragraph</p>
<p class="highlighted-paragraph right-paragraph">Right paragraph</p>
<p>Normal paragraph.</p>

CSS

.highlighted-paragraph {
    display: table;
    border-collapse: separate;
    padding: 5px 10px;
    background-color: green;
    color: white;
}
.center-paragraph {
  margin-left: auto;
  margin-right: auto;
}
.right-paragraph {
  margin-left: auto;
}