block&inline

Block-Level Elements

Block-level elements take up the full width available and create a new line. They can contain other block or inline elements.

This is another block of content, which can also contain inline elements like links here or italicized text.

Inline elements, like this span, only take up as much width as necessary and do not start a new line.

For example, the following sentence contains inline elements: inline elements can sit next to other inline elements.

Here’s a quick comparison:

Block Elements: Start on a new line, take full width.
Inline Elements: Do not start on a new line, only take up as much width as necessary.