This is a block-level element. It takes up the full width of its parent container and starts on a new line. It is implemented as follow: .block-example{display: block;}

This is an inline element. It takes up only the width of its content and flows with the text. This is an inline span element.

This is an inline-block element. It allows you to set a width and height on the element and flow it with the text.

Flex item 1
Flex item 2
Flex item 3

This element is hidden using the "none" display value.