JSFiddle - React, Tailwind, and code Playground

by robdodson

HTML

<div>
    <form action="#">
        <label for="medicalSchool">Medical School</label>
        <input type="text" id="medicalSchool">
    </form>
</div>

CSS

body {
    font-family: sans-serif;
    font-size: 13px;
}

div {
    width: 500px;
    background: #CCC;
    margin: 0 auto;
    padding: 10px;
}

form {
    display: table;
    width: 100%;
}

label {
    display: table-cell;
    width: 25%;
    text-align: right;
    padding-right: 10px;
}

input[type=text] {
    display: table-cell;
    width: 100%;
    border: 1px solid grey;
}