Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Чим inline-елементи відрізняються від block-елементів?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Block-елементи** (`div`, `p`, `h1-h6`) займають усю ширину рядка, завжди починаються з нового рядка і підтримують `width`/`height`/`margin`/`padding` з усіх боків, тоді як **inline-елементи** (`span`, `a`, `strong`) займають лише ширину свого вмісту, не переносяться на новий рядок, і не можна задати їм `width`/`height`. **Ключове:** block формує прямокутний блок і переносить рядок, inline живе всередині рядка і не розриває його.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення**Inline-елементи** і **block-елементи** відрізняються поведінкою в потоці документа. --- ### **Block-елементи** - займають **усю доступну ширину рядка**; - завжди починаються з **нового рядка**; - можна задавати `width`, `height`, `margin` і `padding` з усіх боків; - виштовхують сусідів вище і нижче. Приклад: `div`, `p`, `h1-h6`, `ul`, `li`. --- ### **Inline-елементи** - займають **лише ширину свого вмісту**; - **не переносяться на новий рядок** (розташовуються в рядку з іншими); - **не можна задати** `width` і `height` (вони ігноруються); - `margin` і `padding` по вертикалі враховуються частково і не впливають на потік, як у блоків. Приклад: `span`, `a`, `strong`, `em`. --- ### **Суть в одному реченні:** - **block**, блоковий елемент, формує прямокутний блок і переносить рядок - **inline**, рядковий елемент, живе всередині рядка і не розриває йогоДля рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.