Sent by Philippe Wittenbergh on 21 August 2006 14:02
On Aug 21, 2006, at 10:16 PM, ray wrote:
> <html>
> <head>
> <meta http-equiv="Content-Type" content="text/html;
> charset=iso-8859-1"
> />
> <title>Untitled Document</title>
> </head>
> <body>
> <p>abc</p>
> <label>label1</label>
> <label>label2</label>
> </body>
> </html>
> I think this html will result in 3 lines, one for abc, one for
> label1 and
> one for label3. The block box generated for body element contains
> three
> boxes, one block box for p, the other two inline boxes for labels,
> because
> CSS 2.1 specification says: Block-level elements (except for
> display 'table'
> elements, which are described in a later chapter) generate a
> principal block
> box that contains either only block boxes or only
> <file:///home/ray/.mozilla/firefox/rbp1q15z.default/ScrapBook/data/
> 20060819165938/index.html#inline-box>inlines
> boxes, so I think each inline box should be wrapped in an anonymous
> block box and participates in a block formatting context, laid out
> vertically, one after another. But the result is not what I
> expected: the
> label boxes lay out on a single line. Why? Thanks.
<label> is an inline element, unless you modify its display value
through a stylesheet. You show no signs of doing that.
<http://www.w3.org/TR/html401/interact/forms.html#edef-LABEL>
Hence a UA will generate - at best - only one anonymous block box
wrapping around your two labels. But that is an OT discussion for
this list.
Note also that your code is invalid for html strict.
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
