Что делает `display: inline-block`?

Question

Accepted Answer

## Базовая идея
Элемент ведёт себя как слово в строке, но имеет полноценную блочную коробку: ширину, высоту, вертикальные margin/padding.

```css
.tag {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  min-width: 3rem;
}
```

Соседние `inline-block` стоят в ряд (с возможным зазором из whitespace). Для раскладок чаще берут Flex/Grid, но `inline-block` всё ещё встречается в легаси и простых чипах.

## Итог

`inline-block` = строчное участие + block-box. Это мост между `inline` и `block`.