JSFiddle - React, Tailwind, and code Playground

HTML

<article class="col-md-6 col-xs-12">
    <header>
        <h1>Contactformulier</h1>
    </header>
    
    <form action="" method="POST">
        <fieldset>
            <input type="text" name="name" placeholder="Naam" />
        </fieldset>
        
        <fieldset>
            <input type="email" name="email" placeholder="Email" />
        </fieldset>
        
        <fieldset>
            <input type="tel" name="tel" placeholder="Telefoonnummer" />
        </fieldset>
        
        <fieldset>
            <input type="text" name="subject" placeholder="Onderwerp" />
        </fieldset>
        
        <fieldset>
            <textarea name="content" placeholder="Beschrijving"></textarea>
        </fieldset>
        
        <fieldset>
            <input type="submit" name="submit" class="hover" value="Verzenden" />
        </fieldset>
    </form>
</article>

CSS

article {
    float: left;
    padding: 0 20px;
    overflow: visible;
}

form {
    float: left;
    overflow: visible;
}

fieldset {
    position: relative;
    width: 100%; min-height: 35px;
    float: left;
    border: 0;
    margin-bottom: 15px;
    overflow: visible;
}

input[type="submit"] {
    width: 170px;
    height: 59px;
    border: 0;
    outline: none;
    padding-right: 50px;
    color: #fff;
    font-size: 13pt;
    font-weight: bold;
    text-align: center;
    background: url('http://icons.iconarchive.com/icons/cheezen/web-2/128/chat-bubble-icon.png') no-repeat center center;
}
    
}