Posted by Neredbojias on 07/12/07 04:25

Well bust mah britches and call me cheeky, on Wed, 11 Jul 2007 21:14:44
GMT Ben C scribed:

> On 2007-07-11, Jukka K. Korpela <jkorpela@cs.tut.fi> wrote:
>> Scripsit Jonathan N. Little:
>>
>>> Neredbojias wrote:
>> - -
>>>>> form { display: inline; }
>>>>
>>>> One thing I'm not clear on. If that technique is utilized, can one
>>>> still include a block-level <div> (for instance) within the form?
>>
>> It's not clear (at least by my reading of CSS specs) what should
>> happen if an element with display: block appears inside an element
>> with display: inline.
>
> It is well-defined by CSS 2.1. See 9.2.1.1 "Anonymous block boxes"
>
> When an inline box contains a block box, the inline box (and its
> inline ancestors within the same line box) are broken around the
> block. The line boxes before the break and after the break are
> enclosed in anonymous boxes, and the block box becomes a sibling
> of those anonymous boxes.
>
> For example:
>
> <span>hello <div>cruel</div> world</span>
>
> generates three block boxes, the first and third of which are
> "anonymous" (assuming default display: inline for span and display:
> block for div):
>
> -------------------------------
> | hello |
> -------------------------------
> ===============================
> | cruel |
> ===============================
> -------------------------------
> | world |
> -------------------------------
>
> I've used === for normal block box borders and --- for anonymous block
> box borders.

Okay, I think I get it. That's what was happening when I tried similar
experimentally. Didn't really expect it to be valid. Thanks, all, for
the help.

--
Neredbojias
A self-made man who worships his creator

[Back to original message]