Как сделать многоколоночный текст «как в газете» на CSS?

Question

Accepted Answer

## Базовое понимание

Модуль **CSS Multi-column**: `column-count` / `column-width`, `column-gap`, `column-rule`, `break-inside`.

```css
.article {
  column-width: 16rem;
  column-gap: 2rem;
  column-rule: 1px solid #ddd;
}
.article h2 {
  break-after: avoid;
  column-span: all; /* заголовок на всю ширину, где поддерживается */
}
```

Это не замена Grid для карточек — именно поток текста по колонкам.

## Итог

`column-*` даёт газетную раскладку текста; для UI-сеток обычно Grid/Flex.