298178 - <label> tag ignores CSS width attribute

Status: RESOLVED DUPLICATE of bug 34415

(Core :: Layout: Form Controls, defect)

Description

[Brook Monroe]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.8) Gecko/20050511 Firefox/1.0.4
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.8) Gecko/20050511 Firefox/1.0.4

<label> tags appear to ignore the CSS width attribute; assigning a width does
nothing, and the form element to which the label applies appears immediately
juxtaposed to the label.

Reproducible: Always

Steps to Reproduce:
1. Create a standard HTML form
2. Assign labels to the form elements
3. Style <label> tags in the style sheet to have a particular width
Actual Results:  
Form element appears immediately juxtaposed to the form element

Expected Results:  
Sized the label element to the width described in the style sheet [add white
space to the right of the content], causing the form elements to align
vertically (in this case).

Comment 1

[Martijn Wargers (dead)]

Well, label elements have normally an inline display style, so when you want to
change the width, you'll have to also set display:block;
If that isn't the solution, could you please give an example or an url that
shows the problem?

Comment 2

[Erik Fabert]

*** This bug has been marked as a duplicate of 34415 ***