CSS Authoritative guide note (ii) elements

• Replace element

The part that replaces the content of the element is not directly represented by the contents of the document.

• Img
• Input
• Non-replacement elements

The content is displayed by the user agent (usually a browser) in the box generated by the element itself.

• Block-level elements

Block-level elements generate an element box, (the default) fills the content area of the parent element and cannot have other elements next to it, in other words, he generates delimiters before and after the element. The replacement element can be a block-level element, but it is usually not.

• In-line elements

The inline element generates an element box within a line of text without interrupting the line of text. You can appear in the contents of another element without breaking its display.

Block-level element inline element graphic

In HTML and XHTML, block-level elements cannot inherit in-line elements (they cannot be nested within inline elements)

　

CSS Authoritative guide note (ii) elements