Block-level Elements Vs Inline-Level Elements

A block-level element always starts on a new line and takes up the full width

<div>Hello World</div>

Here are the Block-level elements in HTML:

[<blockquote>,](<https://www.w3schools.com/tags/tag_blockquote.asp>)[<div>,](<https://www.w3schools.com/tags/tag_div.asp>)[<form>,](<https://www.w3schools.com/tags/tag_form.asp>)[<h1>-<h6>,](<https://www.w3schools.com/tags/tag_hn.asp>)[<header>](<https://www.w3schools.com/tags/tag_header.asp>)

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

<span>Hello World</span>

Here are the inline elements in HTML:

[<a>](<https://www.w3schools.com/tags/tag_a.asp>)[<abbr>](<https://www.w3schools.com/tags/tag_abbr.asp>)[<acronym>](<https://www.w3schools.com/tags/tag_acronym.asp>)[<big>](<https://www.w3schools.com/tags/tag_big.asp>)[<br>](<https://www.w3schools.com/tags/tag_br.asp>)