私のラベルの幅を定義する

Question

ラベルの数量（以下を参照）の幅はどのように定義できますか？スパンにスタイルを定義せずに、ラベルに直接CSSソリューションを追加したいと思います。

ような何か：

span label[for=Quantity] 
{ 
    width: 200px; 
} 

しかし、上記のCSSは動作しません。

Answer 1

あなたの彼らは文句を言わないことを受け入れるインライン要素に幅を追加します。それは

.label { 
    width:200px; 
    display: inline-block; 
} 

Answer 2

が優れている、あなたはラベルブロック要素とセットすることができます他のコントロールを横に置くことができるように左に浮かべてください。

label { 
    display: block; 
    float: left; 
    width: 180px; 
} 

Answer 3

新しい行に描画される残りの要素および/またはコントロールを強制していないため、インラインブロックを使用して

span label[for=Quantity] 
{ 
    width: 200px; 
    display: block; 
}