Display via CSS block layout: children stack vertically and fill the width, with collapsing vertical margins.

Causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored.

Display via CSS flexbox.

Display via CSS grid layout: children are placed into the rows and columns defined by grid-template-columns and grid-template-rows.

Text-only inline content within a block paragraph. Not an inline-block box.

Do not display at all.