JSFiddle - React, Tailwind, and code Playground

by Mohamed Mulla

HTML

<div><span class='twoline'>Two line text</span><span class='float'>Float right</span></div>

CSS

.float {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.twoline {
    width: 50px;
    display: table-cell;
}

div {
    display: table;
    border: solid 1px blue;
    width: 500px;
    height: 100px;
}