html - ラベル幅を使用してフォーム要素を並べる際の問題

Question

ラベルの固定幅を使用してすべての入力要素を垂直方向に揃えようとしていますが、期待した結果が得られません。

    label {
    width: 75px;
    }

ここに私が例を使って作成した Fiddle があります:

http://jsfiddle.net/xRmHj/

何か提案はありますか?

Answer 1

試してみてください：

display:inline-block;

あなたのラベルに。

http://jsfiddle.net/xRmHj/1/

Answer 2

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

http://jsfiddle.net/xRmHj/2/