Решил составить и сохранить набор базовых CSS стилей для читаемого текста на сайте. Если нужно встроить блок текста с нормальными отступами для удобного чтения - можно просто обернуть его в класс .reading-text и не писать новые стили. Делюсь тут: https://digitalsfera.ru/s/575

Кстати, пока составлял - обнаружил интересное свойство для ol, которое позволяет более красиво, как на мой взгляд, их отображать.

Проблема в том, что изначально по стилям браузера нумерация прижимается к правому краю, и по мере увеличения количества цифр в счетчике - цифры могут "вылезти" слева за пределы контейнера, что смотрится не очень презентабельно. А угадать заранее, на этапе дизайна, его длину мы не можем.

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

Но мне не нравятся эти отступы. И можно при этом сделать список, приближенный к тому, как мы пишем на бумаге - числа выравниваются по левому краю вплотную, а текст прижимается к числу. Обнаружил что такая же стилизация у списков в ворде, например.

Чтобы сделать, достаточно ol добавить свойство list-style-position: inside;, ну и по необходимости убрать базовый отступ слева.