Every HTML element has a default display value depending on what type of element it is. The default display value for most elements is block or inline.

Block-level Elements

A block-level element always starts on a new line and takes up the full width available (stretches out to the left and right as far as it can).

The <div> element is a block-level element.
Example

<div>Hello</div>
<div>World</div>

 

Output

Inline Elements

An inline element does not start on a new line and only takes up as much width as necessary.

Example

<span>Hello</span>
<span>World</span>

 

Leave a Reply

Your email address will not be published. Required fields are marked *