JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>
    <div>
        <div>
            <label for="usuario" class="form">Usuario</label>
            <input type="text" id="usuario">
            <label class="error">Campo obligatorio</label>
        </div>
        
        <div>
            <label for="fecha" class="form">Fecha</label>
            <input type="text" id="fecha">
            <label class="error">Formato dd/mm/aaaa</label>
        </div>
        
        <div>
            <label for="comment" class="form">Comentario</label>
            <textarea id="comment" rows="8"></textarea>
            <label class="error">Max. XXX caracteres</label>
        </div>    
    </div>
</body>
</html>

CSS

body{
    margin: 8px;
    font-size: 14px;
    font-family: Lucida Sans Unicode, Lucida Grande, Arial, Helveticam, Verdana;
    color: #444;
}

div{
    padding: 25px;
    
}

input[type=text], textarea{
    padding: 4px 2px; 
    border: 1px solid #aaa;
    background: #fff;
    width: 30%;
    resize: none;
    vertical-align:top;
}

label.form{
    font-size: 14px;
    text-align: right;
    width: 15%;
    float: left;
    margin: .3em 2% 0 0;
}

.error{
    font-size: 13px;
    padding: 4px 18px;
    color: #D8000C;
    background-color: #FDD5CE;
    border: 1px solid #D8000C;
    margin: 40px;
    position:relative;
    top:4px;
}