JSFiddle - React, Tailwind, and code Playground

by aka_SKIff

HTML

<div class="row">
    <span>
        key
    </span>
    <span>
        value
    </span>
</div>

CSS

.row {
    width: 50%;
}
.row::after {
    content:'\0000a0';
    display: block;
    overflow: hidden;
    border-bottom: 1px dotted #000;
}
span {
    float: left;
}
span + span {
    float: right;
}