JSFiddle - React, Tailwind, and code Playground

by Alexey Lisovy

HTML

<div class="wrap">
  <div class="inner">
     <span class="big">Привет Мир!</span>
     <span class="small"><br>Как ты прекрасен!</span>
  </div>
</div>

CSS

.wrap
      {padding 0; margin: 0; font: 50px Arial, Helvetica, sans-serif;}
.inner
      {
        font-size: 16px;
      }
.big
      {
          background: RGBA(243, 223, 185, .7);
          font-size: 21px;
~          line-height: 22px;
          font-weight: bold;
      }
.small
      {
          font-size: 12px;
~          line-height: 12px;
          background: RGBA(186, 227, 245, .7);
      }