> For the complete documentation index, see [llms.txt](https://irena-popova.gitbook.io/flexbox/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://irena-popova.gitbook.io/flexbox/block-and-inline-properties.md).

# Block & Inline properties

## Block vs Inline <a href="#day-8-block-vs-inline" id="day-8-block-vs-inline"></a>

Very simply explained, block element takes up the entire width of the container. They look like building blocks where each block is stacked on each other. Whereas inline element only takes up the space it needs. So they appear to be in a line, or side by side of each other.

![](https://1188262252-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MShOB5olIFJqbXrreDC%2F-MShULwKouf1Oh9XewHA%2F-MShV9IXNv3y_4F6VRct%2Fblock.jpeg?alt=media\&token=023f30bd-3781-4641-9259-443492b47521)