Пример 1. Использование text-align
Вначале рассмотрим выравнивание изображения по центру. Для этого к селектору P следует добавить стилевое свойство text-align со значением center. При этом тег <img> должен располагаться внутри абзаца (тег <p>). Чтобы не получилось так, что все абзацы на странице начали выравниваться по центру, введем свой класс fig, и все действия будем производить с ним. В примере 1 показано, как это сделать.
Иллюстрации к тексту часто выравнивают по центру веб-страницы, при этом текст располагается до и после изображения. Такое расположение элементов позволяет разбить большой текст на смысловые блоки и привлечь внимание к рисункам.
Выровнять фотографию с подписью по центру горизонтали веб-страницы.
Как выровнять фотографию по центру веб-страницы?
Определяет горизонтальное выравнивание текста в пределах элемента.
Отображает на веб-странице изображение. Определяет текстовый абзац.
htmlbook.ru - Как выровнять фотографию по центру веб-страницы?
Комментариев нет:
Отправить комментарий