Статья 1

Заголовок H1 (обычно это title поста)

Заголовок H2 — Введение

Это обычный параграф текста. Он нужен, чтобы проверить базовую типографику: межстрочные интервалы, ширину строки и читаемость. Если у тебя текст выглядит как договор с дьяволом, значит стили надо чинить.

Это жирный текст, это курсив, это жирный курсив.
Вот inline code, а вот обычная ссылка.

---

Заголовок H2 — Списки

Маркированный список

• Первый пункт
• Второй пункт
  • Вложенный пункт
  • Ещё один вложенный
• Третий пункт

Нумерованный список

1. Первый пункт
2. Второй пункт
   1. Вложенный пункт
   2. Ещё вложенный
3. Третий пункт

---

Заголовок H2 — Цитаты

Это обычная цитата.
Она может занимать несколько строк.

И да, отступы тоже должны выглядеть нормально.

---

Заголовок H2 — Код

Inline код

Используй fetch('/api/posts') чтобы получить данные.

Блок кода

function getPost(slug) {
  return fetch(`https://example.com/wp-json/wp/v2/posts?slug=${slug}`)
    .then(res => res.json());
}

---

Заголовок H2 — Таблица

Колонка 1	Колонка 2	Колонка 3
Текст	Текст	Текст
Длинный текст который проверяет перенос строк	123	456
Ещё строка	Значение	Значение

---

Заголовок H2 — Изображение (вставишь сам)

---

Заголовок H2 — Разделитель

---

Заголовок H2 — Сложный текст

Вот длинный абзац текста, который нужен чтобы проверить переносы, ширину контейнера и поведение на мобильных устройствах. Если у тебя всё слипается или наоборот выглядит как газета 19 века — поздравляю, ты сделал классический headless блог без типографики.

---

Заголовок H2 — Вложенные элементы

• Пункт списка с абзацем: Это вложенный параграф внутри списка. Он должен иметь отступы.
• Пункт с кодом: const test = true;