JSFiddle - React, Tailwind, and code Playground

HTML

<div>
   <p>Hello</p>
   <p>World</p>
   <p>How</p>
   <p>Are</p>
   <p>You?</p>
   <p>I</p>
   <p>am</p>
   <p>fine</p>
</div>

CSS

p + p
{
   font-weight: bold;
} 
p + p + p + p
{
   font-weight: normal;
} 
p + p + p + p + p
{
   font-style:italic;
}