html - ラベルの幅 CSS 属性がフロートなしで機能しないのはなぜですか?

Question

私は CSS の初心者で、1 つの質問があります。良いシンプルなフォームを作りたいのですが、次のコードがあります：

<form>
    <div class="row"><label for="name">Some text field</label><input type="text" name="name" /></div>
    <div class="row"><label for="surname">Some another text field</label><input type="text" name="surname" /></div>
</form>

いくつかの CSS コード:

label {
    float: left;
    width: 230px;
    text-align: right;
    margin: 5px;
}

.row {
    clear: left;
}

このコードをいくつかの本からコピーして貼り付けました。フローティング、クリアは理解していますが、「幅」属性がラベルで機能する理由がわかりません (インライン要素であるため)。この場合、「フロート」なしでは「幅」が機能しないのはなぜですか? はっきりさせてください。ありがとう