JSFiddle - React, Tailwind, and code Playground

by beliyadm

HTML

<div class="test">
<span>Вначале никаких вопросов не было, можно сверстать через border-bottom, прописав ему абсолютное позиционирование,</span>
</div>

CSS

.test {display: inline; font-size: 40px; position: relative;

}

.test {

    background-image: linear-gradient(transparent 60%, #E03634 40%);
    background-repeat: repeat-x;
    background-size: 200% 100%;

}