Автоматическая нумерация изображений при помощи CSS Counters

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

И именно это мы собираемся реализовать в сегодняшней статье: комбинировать элемент «figure» с CSS counters, чтобы ваши вставленные элементы (особенно изображения) стали особенно привлекательными!

 Источник:coolwebmasters.com