[RESOLVED] Alignment

[CreativeMind]

Hi all!

I am trying to make these input boxes to evenly separated vertically. Right now, they are little bunch up together. I have attached 2 images to look at. The image "input1" is looking bunch up and I am trying to get it to look like the image "input2".

Here is the external CSS:

#form_container{
	background-color:#e4ecff;
	width:150px;
	padding-top:20px;
	padding-bottom:20px;
	font-weight:bold;
	left: 578px;
	top: 160px;
	position:absolute;

}

Here is the HTML:

	<div id="form_container">
		First Name<br/>
		<input type="text" name=""/><br/>
		Last Name<br/>
		<input type="text" name=""/><br/>
		Street<br/>
		<input type="text" name=""/><br/>
		City<br/>
		<input type="text" name=""/><br/>
		State <br/>
		<select name="state">
		<option>please select one...</option>
		<option>blah</option>
		</select><br/>
		Zip Code<br/>
		<input type="text" name=""/><br/>
		Country <br/>
		<select name="country">
		<option>United States</option>
		<option>blah</option>
		</select><br/>
		E-mail Address<br/>
		<input type="text" name=""/><br/>
		Phone Number<br/>
		<input type="text" name=""/><br/>
		Company<br/>
		<input type="text" name=""/><br/>
		Job Title<br/>
		<input type="text" name=""/><br/>
	</div>

I tried to add an extra <br/> but did not work.


Also, how do I get a 3-D effect on those input boxes. Mine currently looks very flat.

Thanks in advanced!

[Fang]

Wrap the text and input in a label, as you should, then give the label a line-height which suits your requirements.