JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item">
    <div class="title">
        <div>Voluptate cillum fugiat.</div>
        <div>Cheese, tomato, mushrooms, onions</div>
    </div>
    <div class="price">$50</div>
</div>

CSS

.item {
    overflow: hidden;
}

.title {
    float: left;
    margin-right: 20px;
}

.price {
    float: right;
    margin-left: 20px;
}

.item:after {
    content: '';
    height: 1px;
    display: block;
    background: #000;
    overflow: hidden;
    margin-top: 12px;
}