Block Display

You may have noticed that some elements like headings and paragraphs automatically create a new line. This is because they have a block display.

Block elements create a new line and are as wide as their parent. We can also change the width and height of block elements.

Examples of block elements:

• Headings (h1 to h6)
• Paragraphs (p)
• Container element (div)

We can change non-block elements to block elements.

Example of changing elements with italic style (em) to block:

em {
	display: block;
}