左に浮動小数点があると、入力ラベルが真ん中にv-alignの代わりに上に表示されます

Question

この問題は多くの人がいると確信していますが、適切な解決策が見つかりません。それは基本的に問題です。私はラベルとフィールドの2つのペアを持つフォームを持っています。

HTML：

<label for="Account">Inlognaam:</label> 
<input class="field" id="Account" name="Account" type=" 
<br /> 
<label for="Wachtwoord">Wachtwoord:</label> 
<input class="field" id="Wachtwoord" name="Wachtwoord" type="password" /> 

はCSS：

label { 
    width: 150px; 
    float: left; 
    text-align: left; 
} 

ので、問題がある：私は使用していないとき 'フロート：左;'入力フィールドは整形されていません。しかし、ラベルは一番上に並んでいます。どのようにこれを修正することができますか？

例がここに表示されている：http://jsfiddle.net/ptKEh/9/（コメントフロート：左;私が意味するものを見るために）

EDIT ::

もう一つ...入力フィールドは、（Chromeで正しいが、IE9にあり9.0.8）2番目のフィールドは少し短くなります。

Not equal size fields http://oi42.tinypic.com/35mehe1.jpg

Answer 1

だけではなく、それは垂直方向の配置を保持しますdisplay: inline-block;
を使用し、それもIE6で動作し、7

Answer 2

ラベルを浮動私は、インラインするために、テキストを下に移動し、パディングを使用することをお勧めします。これは、ラベルの1行のテキストでのみ機能し、クロスブラウザ対応です。

は、私が一緒にjsfiddle例IE6 + 7とhttp://jsfiddle.net/ptKEh/11/