JSFiddle - React, Tailwind, and code Playground

HTML

<dl>
    <dt>Длинный текст</dt>
    <dd>20</dd>
    <dt>Текст</dt>
    <dd>20</dd>
    <dt>Многострочный<br>текст</dt>
    <dd>20</dd>
</dl>

CSS

dl {
    position: relative;
    line-height: 1em;
}
dl:before,
dl:after {
    display: table;
    content: " ";
}
dl:after {
    clear: both;
}
dt {
    float: left;
    clear: left;
    max-width: 60%;
    background-color: #fff;
}
dt:before {
    content: "";
    position: absolute;
    margin-top: 0.8em;
    width: 100%;
    border-bottom: 1px dotted #000;
    z-index: -1;
}
dd {
    float: right;
    clear: right;
    max-width: 30%;
    background-color: #fff;
}