В чем разница между Inline и Inline-Block

`display: inline` и `display: inline-block` — это CSS-свойства, определяющие поведение элементов в потоке документа. **Inline:** - Элементы располагаются в строке, не создавая переносов. - Нельзя задавать `width`, `height`, `margin-top`, `margin-bottom`. - Пример: ``, ``, ``. **Inline-block:** - Элементы ведут себя как inline, но можно задавать `width`, `height`, `margin` и `padding`. - Сохраняют обтекание текстом, как inline-элементы. - Пример использования: кнопки, иконки, элементы навигации. ```css .inline { display: inline; width: 100px; /* Не сработает */ } .inline-block { display: inline-block; width: 100px; /* Сработает */ } ```