Как автоматически сделать H2 упорядоченным списком (ол ли) в блоге ⇐ CSS

[Anonymous]

Я хочу сделать заголовки (H2) в блоге элементом списка. Заголовок разделен абзацами. Я использую Wordpress, и в моем редакторе блогов нет возможности превратить H2 в список. Итак, я хочу добавить CSS-код в мою тему. Результат кода, который мне нужен, может быть чем-то вроде того, что показан на изображении (ссылка указана), где вместо строки H2 он преобразуется в список. Вот ссылка на изображение

У меня есть код только для элементов ol и ul, как показано ниже:

/*Я пробовал это:*/ h2: до { содержимое: счетчик(мой список) "."; начертание шрифта: жирный; цвет синий; } h2: до { счетчик-инкремент: номер списка; содержимое: счетчик (номер списка); поле справа: 10 пикселей; поле снизу: 10 пикселей; ширина: 35 пикселей; высота: 35 пикселей; дисплей: встроенный-гибкий; выровнять-элементы: по центру; оправдание-содержание: центр; размер шрифта: 16 пикселей; цвет фона: # d7385e; радиус границы: 50%; цвет: #fff; } И вывод такой: введите сюда описание изображения