HTML Labels & Netscape 7.0
    by Annika Backstrom in
    Uncategorized on 26 January 2005.
      #Web
    
    Maybe I'm the only one that missed this announcement, but floated
<label> tags disappear in Netscape 7.0. I use this code often:
    
    
With some CSS to style:
.formrow label {
    width: 8em;
    float: left;
    text-align: right;
    display: block;
}
This code nicely aligns the form labels and edges of form inputs along a line, as in the following screenshot:
Of course, Netscape 7.0 throws a wrench in the works. Floating labels disappear without a trace. The fix is pretty easy, though: embed a <span> in the <label> and apply the styles to the span instead. The HTML becomes:
And the CSS turns into:
.formrow label span { }
That's it. Uh, thanks for reading.
