HTMLのCSSでlabelの幅を指定する方法、固定する方法

label要素の幅を width で指定してみたのですが、正しく機能しません。

labelのテキストの長さに縮んでしまいます。

label要素の幅を width で指定するにはどうすればよいのか調べてみました。

HTMLのCSSでlabelの幅を指定する方法、固定する方法

調べてみると、

label はwidthは効かない。

input はwidthが効く。

ということらしいです。

ただ、label に対して width を指定するには、

display:block
float: left

を使えば可能です。

具体的には次のように指定します。

ややこしい。。