Das ist meine bisherige Arbeit:

http://jsfiddle.net/2RCBQ/

<div id="main">
<form>
    <label>First Name:<input type="text" id="firstname"></label><br/>
    <label>Last Name:<input type="text" id="lastname"></label><br>
    <label>E-Mail:<input type="text" id="email"></label><br/>
    <label>Phone:<input type="text" id="phone"></label><br/>
</form>
</div>

CSS

#main {
    width:300px;

}  

#main input {
    float:right;
    display:inline;
}

#main label {
    color: #2D2D2D;
    font-size: 15px;
    width:250px;
    display: block;
}

Derzeit befindet sich die Beschriftung (links) im oberen Bereich des Eingabefelds (rechts). Ich möchte sie so vertikal ausrichten, dass die Beschriftung da in der Mitte des Eingabefeldes liegt.

Ich habe versucht, vertikal auszurichten und es funktioniert nicht. Bitte helfen Sie mir, das Problem herauszufinden. Vielen Dank.