Display Block

The div and p elements have their default display set to block. Some more block-level elements are the heading elements - h1 to h6, header, footer, section and form.

Block elements start on a new line, occupy 100% width by default, and can have height, width properties and also have functional margin on all four sides.

We can make elements like span, a and img behave like block-level elements by setting their display property to block:

As can be seen, span and a elements behave like block elements after their display property is set to block. They start in a new line and occupy all the available width.