CSS Element Qualities

2008 Oct 17


Element Types
Type Meaning
Replaced Element is replaced by something not in document content (e.g. img, input).
Nonreplaced Content of element is in the element and is displayed in the element's rectangle or box.

Element Display Levels or Roles
Display Meaning
Block Element's rectangle by default fills parent's element content area, and cannot have other elements at its sides, i.e. has implicit break before and after the element box; e.g. p, div, li.
Inline Element's rectangle is within a line of text and does not break flow of line; e.g. b, em.

In HTML and XHTML block elements cannot descend from inline elements.
In CSS there is no restriction on how display roles can be nested within each other.