HTML Block and Inline Elements

Published: February 10, 2018

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 
 element is a block-level element.

Example
Hello
World

Inline Elements

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

This is an inline  element inside a paragraph.

Example
Hello
World


added on 10-Feb-2018