JSFiddle - React, Tailwind, and code Playground

by Nikola Mihin

HTML

<body>
  
  <h1> <span> Example title </span> </h1>
  <div class="circle">  </div>
  
  <p> 
    <span>
    Bacon ipsum dolor sit amet leberkas landjaeger pancetta, spare ribs sirloin venison turducken boudin pork belly ham hock shankle biltong swine. Pork chop jerky pork loin ball tip tail flank turducken sausage drumstick short ribs prosciutto ham. Doner kielbasa ground round leberkas brisket pork chop capicola short ribs. Bacon sirloin kielbasa turducken beef ribs cow pork loin shank. Tail filet mignon turducken pork chop pig tri-tip drumstick andouille prosciutto swine ham. Pancetta ball tip sirloin shankle, shoulder salami pork ham hock turducken beef. Kevin pancetta landjaeger ground round, kielbasa tail chuck salami cow sirloin.
    </span>
  </p>
  
</body>

CSS

body         { font-size: 10px; text-align: center;}

.circle      { margin: auto; width: 15em; height: 15em; 
               border-radius: 999em;
               background-color: red; }

h1           { padding: 0 0 2em 0; }
h1 span      { font-size: 2.5em; }

p            { padding: 2em 1em; }
p span       { font-size: 1.8em; line-height: 1.445; }