JSFiddle - React, Tailwind, and code Playground

HTML

<dl>
    <dt>some text</dt>
    <dd>12.45</dd>
    <dt>some larger text</dt>
    <dd>46.05</dd>
    <dt>some even larger text</dt>
    <dd>46.05</dd>
    
    
</dl>

CSS

dl {
    border: 1px solid red;
    width: 120px;
    font-size: 16px;
    margin: 20px;
}
dt {
    float: left;
    clear: both;
    color: green;
}
dd {
    float: right;
    color: blue;
}