Чим inline-елементи відрізняються від block-елементів?

Inline-елементи і block-елементи відрізняються поведінкою в потоці документа.

---

#Block-елементи

• займають усю доступну ширину рядка;
• завжди починаються з нового рядка;
• можна задавати width, height, margin і padding з усіх боків;
• виштовхують сусідів вище і нижче.

Приклад: div, p, h1-h6, ul, li.

---

#Inline-елементи

• займають лише ширину свого вмісту;
• не переносяться на новий рядок (розташовуються в рядку з іншими);
• не можна задати width і height (вони ігноруються);
• margin і padding по вертикалі враховуються частково і не впливають на потік, як у блоків.

Приклад: span, a, strong, em.

---

#Суть в одному реченні:

• block, блоковий елемент, формує прямокутний блок і переносить рядок
• inline, рядковий елемент, живе всередині рядка і не розриває його