By default ChronoForms lays out your form inputs in a single column with each input under the previous one.
If you want to put several inputs into a single row you can use the Multi field row options on the Other tab of most of the form elements.
To start a new Multi-field row check the 'Start' box then check the 'Add' box for the remaining elements.
Multi-field rows can be wider than your template allows, you may need to Hide the labels of some elements (there's an option on the Other tab); and/or change the width of the input. You can change the width with the Input Size option on the General tab, or by using CSS linked to the input class or ID.
Rick wrote: There is also an option to hide the label, and one to place the label over the field. I use the "Hide label" a lot on address forms. My first field (usually City) will have a label of "City/State/Zip". The State and Zip fields will be on the same line, but their labels will be hidden. This gives a nice compact, easy to read layout.
Sometimes the Multi-field rows do not end cleanly and following elements are misplaced. To fix this try adding a Custom Code element after the Multi-field row, check the 'Pure Code' box and add this code:
<div style='clear:both;'> </div>
