Syling labels and inputs...

[RIRedinPA]

Is there a way to achieve this without using <br> tags?

 

Label  Label  Label

Input  Input  Input

 

so the html for the form would look something like this:

 

<form>
<p>
<label for "label1">Label 1</label>
<input type="text" size="20" name="label1">

<label for "label2">Label 2</label>
<input type="text" size="20" name="label2">

<label for "label3">Label 3</label>
<input type="text" size="20" name="label3">
</p>
</form>

 

Would I need to use spans to achieve this?

[Baez]

Put each of the labels in a <div> tag floating left. Then put each of the inputs in another div floating left but with a top margin of about 30px.