С недавних пор я активно пользуюсь списком определений при оформлении статей. Это помогает как-то разнообразить и украсить текст, особенно если статья объемная.

Перейду сразу к делу.
Может быть это лишенее, но чтобы вставить список в статью нужно обозначить его тегами dl

Чтобы оформить список, нужно сначала добавить в стили оформления новый класс separator.

Затем в теле статьи добавляем список, где определения отделены линией с помощью класса CSS separator.
Вот, что должно получиться:

Термин или понятие
Его определение и подробное описание. Оно может быть даже в несколько строк, как это обычно бывает. Но наш список выглядит достаточно стильно.
И еще один
С подробным его описанием.


Если точка и разделитель немного не попадают по центру, измените параметры right у стиля dl.separator dt:before и dl.separator dt:after.
Оригинал оформления я взяла из темы для WordPress — https://demo.yootheme.com/wordpress/solar
Надеюсь вам оно понравилось тоже.