JSFiddle - React, Tailwind, and code Playground

by Alexey Lisovy

HTML

<div class="withOutText">
        <span></span>
        мама ела Раму<em>Fe</em>
</div>

CSS

div {
        border: 1px solid #000;
        padding:0 10px;
       font-size: 30px;
        background: #F90;
        width: 300px;
}
span {
                display: inline-block;
                width: 70px;
                height: 70px;
                background: #900;
                position: relative;
        }
span:after
      {
        content: '';
        display: block;
        position: absolute;
        left: 0; right: 0; top: 0; bottom: 0;
        box-sizing: border-box;
        border-bottom: 1px solid #900;
        transform: translateX(100%);        
      }
em
      {
        background: rgba(255,255,255,.5);
      }