Multi Column Form

gistfile1.html

<form>
  <fieldset>
    <legend>Legend</legend>

    <div class='yui3-g-responsive'>
        <div class='yui3-u-1-3'>
            <label>
              First Name
              <input type="text">
            </label>
        </div>
        <div class='yui3-u-1-3'>
            <label>
              Last Name
              <input type="text">
            </label>
        </div>
        <div class='yui3-u-1-3'>
            <label>
              E-Mail
              <input type="email" required>
            </label>
        </div>
        
        <div class='yui3-u-1-3'>
            <label>
              City
              <input type="text">
            </label>
        </div>

        <div class='yui3-u-1-3'>
            <label>
              State
              <select class='yui3-input-medium'>
                <option>AL</option>
                <option>CA</option>
                <option>IL</option>
                <option>MD</option>
                <option>NY</option>
              </select>
            </label>
        </div>
    </div>
    <label class="yui3-checkbox">
      <input type="checkbox"> I've read the terms and conditions
    </label>
    <button type="submit" class='yui3-button'>Submit</button>
  </fieldset>
</form>

This code is not the same as the rendered code - for example you have the labels wrapping the input box , but in the rendered page http://tilomitra.github.com/cssforms/ the labels are right above.