JSFiddle - React, Tailwind, and code Playground

by wesley_murch

HTML

<div class="form">
<form action="" method="post" >
        <label for="name">Name: </label>
        <span class="small">Required</span>
        <input tye="text" name="name"id="name">
        <div class="error clear"></div>

        <label for="email">E-Mail: </label>
        <span class="small">Required</span>
        <input tye="text" name="email"id="email">
        <div class="error clear"></div>

        <label for="phone">Phone: </label>
        <span class="small">Required</span>
        <input tye="text" name="phone"id="phone">
        <div class="error clear"></div>

        <label for"message">Message: </label>
        <span class="small">Required</span>
        <textarea name="message" rows="8" cols="40"></textarea>
        <div class="error clear"></div>

        <input type="submit" name="submit" value="Contact" id="submit">
</form>
</div>

CSS

.form {
            position: relative;
            height: auto;
        }
        label {
            float: left;
        }
        input, textarea {
            float: left;
        }
        span {
            float: left;
        }
        .clear {
            clear: both;
        }