JSFiddle - React, Tailwind, and code Playground

by Alexey Lisovy

HTML

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

CSS

html
      {
        font-size: 10px;          
      }
body
      {
        font-size: 1.6rem;          
      }
h1, p
      {   padding 0; margin: 0; font-family: Arial, Helvetica, sans-serif; }
h1
      {
          background: RGBA(243, 223, 185, 1);
          font-size: 2.1rem;
          line-height: 2.2rem;
          font-weight: bold;
      }
p
      {
          font-size: 1.2rem;
          line-height: 1.8rem;
          background: RGBA(186, 227, 245, 1);
      }
span
      {
          background: RGBA(255, 255, 255, .7);        
      }
h1 span:after, p span:after
      {
          content: ' ';
          font-size: 2.1rem;
          visibility: hidden; 
          word-spacing: 0;
          line-height: 2.7rem;                   
      }