From the CSS Display Module Level 3 specs there is a note about block container
that says:
Note: A block container box can both establish a block formatting context and an inline formatting context simultaneously.
How is this possible conceptually?
And how are children boxes laid out then? For example, if we have both inline-level and block-level boxes inside block container, which formatting context is used in that case? Are both formatting contexts used at the same time or one of them "wins" and the other one is put aside?
See Question&Answers more detail:os