Ответ
В HTML элементы делятся на **блочные (block)** и **строчные (inline)**:
1. **Блочные** (`
`, ``-`
`, `
`-``, ``):
* Занимают всю доступную ширину
* Начинаются с новой строки
* Могут содержать другие блочные и строчные элементы
* Поддерживают все CSS свойства (margin, padding, width, height)
2. **Строчные** (``, ``, ``, `![]()
`):
* Занимают только необходимую ширину
* Располагаются в строке друг за другом
* Не могут содержать блочные элементы (кроме `` в HTML5)
* Вертикальные margin/padding не влияют на поток
```
Блочный элемент (займет всю ширину)
Строчный элементРядом в строке
```
Также есть **inline-block** (`display: inline-block`) - гибрид: элементы в строке, но поддерживают width/height.
Блочный элемент (займет всю ширину)
Строчный элементРядом в строке
```
Также есть **inline-block** (`display: inline-block`) - гибрид: элементы в строке, но поддерживают width/height.