JSFiddle - React, Tailwind, and code Playground

by piiantom

HTML

<div class="row">
    <div class="div triple"><label for="bedrijf">Bedrijfsnaam</label>
        <span class="output" id="bedrijf"></span></div>
    <div class="div triple"><label for="functie">Functie</label>
        <span class="output" id="functie"></span></div>
    <div class="div triple"><label for="kvk">KVK-nummer</label>
        <span class="output" id="kvk">eeeeeeeeeeee</span></div>
</div>

CSS

.row {
    width: 100%;   
}
.triple {
    width: 33%;
    float: left;
}
.label{float: left;}
.output {
    height: 20px;
    vertical-align: middle;
    overflow: hidden;
    text-align: left;
    color: #f57f43;
    display: block;
    width: auto;
    background-color: black;
}
label{display: inline-block; float: left;}