​

​

<!-- add the .cf class here -->

​

<div id="form-wrapper" class="cf">

​

  <form id="contact_form" method="post" action="url/to/your/server/here">

    <!-- FIRST float left -->

    <div class="float-left c1">

      <ul>

        <li>       

          <label for="name" id="name" >Name<span class="required"> *</span></label>

          <input type="text" name="name" placeholder="John Doe" autocomplete="off" required>

        </li>

        <li>

          <label for="telephone" id="telephone" >Contact Number<span class="required"> *</span></label>

          <input type="tel" name="telephone" placeholder="(01225) 123456" autocomplete="off" required>

        </li>

        <li>

          <label for="email" id="email">Email:</label>

          <input type="email" name="email address" placeholder="example@example.com">

        </li>

      </u>

    </div>

​

​

    <!-- SECOND float left -->

    <div class="float-left c2">

      <ul>

        <li>

          <label for="enquiry">Enquiry:</label>  

          <select id="enquiry" name="enquiry">  

          <option value="general">General</option>  

          <option value="sales">Sales</option>  

          <option value="support">Support</option>  

          </select>

        </li>

        <li>

          <label for="Message" id="Message" >Message<span class="required"> *</span></label>

          <textarea name="message" cols="40" rows="6" required placeholder="Enter your message"></textarea>

        </li>

      </ul>

    </div>       

​

    <!-- Clear - notice this is a sibling of the els with floats -->

    <div class="form_footer">

      <ul>

        <li>

          <span id="required_field">* Required fields</span>

        </li>

        <li><button class="submit" type="submit">Submit</button></li>

      </ul>

    </div>

  </form>

</div>

​

​