JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <span>text</span>
    <span>text text text</span>
</div>

<div>
    <span>text text text</span>
    <span>text</span>
</div>

CSS

div {
    position: relative;
    margin: 40px;
    padding: 15px;
    
    border: 1px solid #ccc;
    line-height: 30px;
}

div:after {
    content:"....................................................................................................................................................................................................................................................................................................................................................................................";
    display: block;
    overflow: hidden;
}

span:first-child {
    float: left;
}

span:last-child {
    float: right;
}