JSFiddle - React, Tailwind, and code Playground

by Alex

HTML

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

CSS

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