---
title: Block and Inline Elements
---
## Block and Inline Elements
Let us understand them using below examples :
#### Code Sample with Output :
![Block Output](https://user-images.githubusercontent.com/16048167/31070017-6f2cf0a2-a77c-11e7-9de6-110b9d0b488d.PNG)
#### Block-Level Element :
A Block-level element occupies the entire space of the parent(container) such as `
` and `
` in the example .
Note that both `
` and `
` start from a new line each time, forming a **block-like** structure. Block-level elements begin on new lines.
Common **block-level elements** are `