JSFiddle - React, Tailwind, and code Playground

by ydelmas

HTML

<span class="c">
    <span class="a">Idsdfgsdfgsdf&nbsp;:</span>
    <span class="b"><input readonly="readonly" value="[email protected]" onclick="this.select();"/>
    </span>
</span>

CSS

.c { display: flex; flex-wrap:wrap; }
.a, .b { align-items: center; line-height: 2.5; }
.b { flex: 1; min-width: 5em; }
.b input { width: 100%; }