Как выровнять фотографию с надписью по горизонту веб-страницы.

Для того, чтобы текст привлекал внимание и не затруднял процесс прочтения, попробуем расположить иллюстрацию по середине.

Действуем с выравниванием по центру. Задаем к селектору Р стилевое свойство text-align с режимом center. Располагаем тэг изображения внутри тэга <p>. Создаем класс fig, чтобы только некоторые объекты были заданы с выравниванием.

Вот что получилось:

Для того, чтобы под рисунком сделать подпись, нужно использовать класс <figure>. Стиль текста можно менять.

В результате получаем:

Блок с фотографией под тегом <figure> и подпись <figcaption>.