Aligned Form

aligned-form.html

<form>
    <div class="row row_fluid">
        <div class="gr gr_4 gr_field gr_md_12">
            <label for="first_name">First Name:</label>
            <input type="text" id="first_name" />
        </div>
        <div class="gr gr_4 gr_field gr_md_12">
            <label for="last_name">Last Name:</label>
            <input type="text" id="last_name" />
        </div>
        <div class="gr gr_4 gr_field gr_md_12">
            <label for="email">E-Mail</label>
            <input type="email" id="email" />
        </div>
    </div>
    <div class="row row_fluid">
        <div class="gr gr_4 gr_field gr_md_12">
            <label for="city">City:</label>
            <input type="text" id="city" />
        </div>
        <div class="gr gr_4 gr_field gr_md_12">
            <label for="state">State:</label>
            <select id="state">
                <option value="rs">RS</option>
                <option value="sc">SC</option>
                <option value="PR">PR</option>
            </select>
        </div>
    </div>
    <div class="row">
        <div class="gr gr_12">
            <button class="bt bt_prm">
                Submit
            </button>
        </div>
    </div>
</form>