JSFiddle - React, Tailwind, and code Playground

by Alex

HTML

<div class="l">Название</div>
<div class="r">2</div>
<div class="p"></div>

<div class="l">Название 1</div>
<div class="r">3</div>
<div class="p"></div>

CSS

.p {
    overflow:hidden;
}
.p:after {
    content:'. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ';
    
    white-space:nowrap;
}
.l {
    float:left;
}
.r {
    float:right;
}