# Inline and block elements

### Block Elements

A block-level element always begins on a new line, and browsers add a margin (a space) before and after the element by default. A block-level element always occupies the entire available width (stretches out to the left and right as far as possible).

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1676138617321/8c71dadb-1189-4f0e-9fc5-54a2faf21229.png align="center")

### Inline Elements

A line break is not used to begin an inline element. An inline element only uses the space that is required. An inline element cannot contain a block-level element

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1676138685084/bf4f17a9-97bc-4599-a9b3-bad339a84e09.png align="center")