By default all the fields are one on top of each other. I would like some fields side-by-side:
Firstname (field) LastName (Field)
City, State, zip

etc...

Probably an easy one, but I tried rearranging the html and could get it to work.

Can you point me in the right direction?

Hi David,

Since the CSS Form Designer is completely CSS based, it uses lists to create and style the form. These list items cannot be placed next to each other easily without using other layout items (tables or divs). Have a look at this example, created while using a table. To complete this, you'd have to edit the CSS file to get the field width the right way.

<form class="clean">
  <ol>
    <li>
      <fieldset>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>        <ol>
          <li>
            <label for="textfield1">Textfield 1</label>
            <input type="text" id="textfield1" name="textfield1" value="" />
          </li>
          <li>
            <label for="textfield2">Textfield 2</label>
            <input type="text" id="textfield2" name="textfield2" value="" />
          </li>
        </ol>
</td>
    <td>        <ol>
          <li>
            <label for="textfield3">Textfield 3</label>
            <input type="text" id="textfield3" name="textfield3" value="" />
          </li>
          <li>
            <label for="textfield4">Textfield 4</label>
            <input type="text" id="textfield4" name="textfield4" value="" />
          </li>
        </ol>
</td>
  </tr>
</table>

      </fieldset>
    </li>
  </ol>
  <p style="text-align:right;">
    <input type="reset" value="CANCEL" />
    <input type="submit" value="OK" />
  </p>
</form>

Kind regards, Patrick