JSFiddle - React, Tailwind, and code Playground

by Marcio Mazzucato

HTML

<h1>test</h1>
    <div class="inputdata">
        <label for="AccessCode"> Access Code: </label>
        <span><input type="text" name="accessCode" id="AccessCode" value=""  placeholder="" /></span>
        <div class="clear"></div>
    </div>

CSS

div.inputdata{
    border:thin solid gray;
    padding:0.1em;
    margin:0.1em;
    }

        div.inputdata label{
        float:left;
        margin-right:10px;
        padding:5px 0;
        color:gray;
        }

        div.inputdata span{
        display: block;
        overflow: hidden;
        }

            div.inputdata input{
            width:100%;
            padding-top:8px;
            border:none;
            background:none;
            }

        .clear {
        clear: both; 
        }