CSS - Anonymous Inline Box

About

Any text that is directly contained inside a block container element (not inside an inline element) must be treated as an anonymous inline element.

Anonymous inline boxes do not have an associated inline-level element.

Example

In a document with HTML markup like this:

<p>Some <em>emphasized</em> text</p>
  • the p generates a block box
  • The box for “emphasized” is an inline box generated by an inline element (<em>),
  • The other boxes (“Some” and “text”) are inline boxes

Property

Inheritance

Such anonymous inline boxes inherit inheritable properties from their block parent box. Non-inherited properties have their initial value.

Content

White space content that would subsequently be collapsed away according to the white-space property does not generate any anonymous inline boxes.

Documentation / Reference





Discover More
CSS - Cascading Style Sheets - Markup Language ( HTML |XML) Skin

CSSHTML CSS is a language for describing the rendering of structured documents (such as HTML and XML) on screen, on paper, in speech, etc. CSS = Skin of HTML SVG XML World Wide Web Consortium...



Share this page:
Follow us:
Task Runner