md`
**Строчные:**
* Простирается вместе с текстовым контентом
* Не будет очищать предыдущий контент для того, чтобы перейти на следующую строку (как блочные элементы)
* Подвержен параметру white-space в CSS
* Игнорирует параметры верхнего и нижнего поля (margin), но принимает поля по левой и правой сторонам, а также отступы (padding)
* Игнорирует значения высоты и ширины
* Если выравнен по левому или правому краю, автоматически станет блочным элементом, обладающим всеми характеристиками блочных элементов
* Подвержен параметру vertical-align
**Блочные:**
* Без указанного значения ширины он естественным образом растягивается на весь родительский контейнер
* Может быть оформлен полями (margin) или отступами (padding)
* Без указанного значения высоты он естественным образом растягивается до размера, нужного для размещения внутри него дочерних элементов (предположим, что они не выравнены по какому-либо краю или у них не указано позиционирование)
* По умолчанию данный элемент будет расположен ниже предыдущего в разметке элемента (предположим, что окружающие элементы не выравнены по какому-либо краю или у них не указано позиционирование)
* Игнорирует параметр vertical-align
Блочные элементы предназначены для структурирования основных частей вашей страницы, путём разделения содержимого на логически связанные блоки.
Строчные элементы предназначены, чтобы разграничить часть текста и придать ему определённую функцию или смысл. Строчные элементы, как правило, содержат одно или несколько слов.
[link](https://www.educba.com/inline-vs-block/)
`