JSFiddle - React, Tailwind, and code Playground

by James Lafferty

HTML

<form action="/Handeler/control.php?p=add#" method="POST"> <strong>Let op: Als je een file via FTP of gewoon in de map uploads zet weet dan zeker dat de file match id(<u>yYW3D7</u>) het zelfde is als de bestandsnaam!!!</strong> 
    <label>
        <span>File match ID:</span>
        <input type="text" name="code" value="yYW3D7" disabled />
    </label>
    <label>
        <span>Code:</span>
        <input type="text" name="code" placeholder="Download code hier..." value="" />
    </label>
    <label>
        <span>Verloopt op:</span>
            <input type="text" name="code" placeholder="Download code hier..." value="" />
    </label>
    <label>
        <span>Aantal keer gebruiken:</span>
        <input type="text" name="code" placeholder="Aantal downloads hier..." value="" />
    </label>
    <label>
        <span>IP whitelist:</span>
        <input type="text" name="code" placeholder="IP hier. (laat leeg voor geen whitelist)" value="" />
    </label>
</form>

CSS

input[type='text'] {
    width:246px;
    margin:2px 1px;
    padding:2px;
}

label {
    display : block;
}

label span {
    display : inline-block;
    width : 150px;
}