JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Заголовок</h1>
<h2>Заголовочек</h2>
<p id="first">каждый</p>
<p id="second"> охотник</p>
<p id="third"> желает</p>
<p id="fourth"> знать</p>
<p id="fifth"> Где же он</p>
<p id="sixth> Текст текст текст текст</p>

CSS

#first {
  color: red;
  font-size: 24px;
  font-weight: bold;
}

#second {
  color: orange;
  font-size: 24px;
  font-weight: bold;
}

#third {
  color: yellow;
  font-size: 24px;
  font-weight: bold;
  }

#fourth {
  color: green;
  font-size: 24px;
  font-weight: bold;
  }

#fifth {
  color: blue;
  font-size: 24px;
  font-weight: bold;
  }

#sixth {
  color: violet;
  font-size: 24px;
  font-weight: bold;
  }