JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <h2>This is a heading</h2>
  <p>This paragraph comes after the heading.</p>
  <p>This is the second paragraph.</p>

  <h2>Another heading</h2>
  <p>This paragraph comes after the heading.</p>

  <ul class="list">
    <li>One</li>
    <li>Two
      <ul>
        <li>2.1</li>
        <li>2.2</li>
      </ul>
    </li>
    <li>Three</li>
  </ul>

</div>

CSS

h2+p {
  color: red;
}

ul.list>li {
  list-style: none;
  border-bottom: 1px solid grey;
}