JSFiddle - React, Tailwind, and code Playground

by Alexey Lisovy

HTML

<h1><span>Привет Мир!</span></h1>
<p><span>Как ты прекрасен!</span></p>

CSS

h1, p
      {   padding 0; margin: 0; font-family: Arial, Helvetica, sans-serif; }
h1
      {
          background: RGBA(243, 223, 185, 1);
          font-size: 21px;
          line-height: 22px;
          font-weight: bold;
      }
p
      {
          font-size: 12px;
          line-height: 18px;
          background: RGBA(186, 227, 245, 1);
      }
span
      {
          background: RGBA(255, 255, 255, .7);        
      }
h1 span:after, p span:after
      {
          content: ' ';
          font-size: 21px;
          visibility: hidden; 
          word-spacing: 0;
      }
h1 span:after
      {
          line-height: 28px;          
      }
p span:after
      {
          line-height: 26px;          
      }