Description
CSS Display refers to CSS 2.1 for flow layout, and 9.2.2.1 Anonymous inline boxes says
Any text that is directly contained inside a block container element (not inside an inline element) must be treated as an anonymous inline element.
But CSS inline says
The root inline box is an anonymous inline box which is automatically generated to hold all of the inline-level contents of a block container (if it has any).
What happens first? Is the text first wrapped inside an anonymous inline box according to CSS2.1, and then further wrapped inside the root inline box, together with surrounding inline-level boxes?
Or are all inline-level contents (including text) wrapped inside the root inline box, and thus the text is no longer directly contained inside the block container, and therefore no additional anonymous inline box is created to wrap the text?