Выравнивание полей ввода формы?

Question

У меня есть пример здесь: http://jsfiddle.net/3zSbt/

Я не знаю, как я бы даже до моих полей ввода с Афоризм ...

Любая помощь будет принята с благодарностью.

HTML

<div id="contactContent"> 
<form> 
Email: <input type="text" name="firstName"> 
<br> 
Subject: <input type="text" name="lastName"> 
</form> 
</div> 

CSS

#contactContent { margin-top: 50px; margin-left: 300px;} 
input { border: none; margin-left: 50px; margin-bottom: 30px; padding-right: 50px;} 

Answer 1

Существует много способов. Один из способов - присвоить значениям значений в label. Пример:

HTML

<label>Email:</label><input type="text" name="firstName" /> 
<br /> 
<label>Subject:</label><input type="text" name="lastName" /> 

CSS

label{ 
    display:inline-block; 
    width:100px; 
} 

JSFiddle.

Answer 2

Если вы хотите использовать HTML вы можете попробовать положить его в таблице, или если вы просто хотите использовать CSS вы пробовали это;

input { 
    display:inline-block; 
    float:left; 
}