Здравствуйте, уважаемые читатели. Сегодня у нас тема: «Как выровнять по центру текст или картинку». Как сделать так, чтобы текст или картинка на странице сайта были по центру? Есть несколько способов.

способы выровнять по центру текст или картинку

Выравнивание по центру — способ №1

Этот способ считается не совсем правильным, но всё же расскажу и о нём. Нужно текст или картинку разместить между открывающимся и закрывающимся <center>.

<center> текст или картинка </center> 

Выравнивание по центру — способ №2

Можно использовать <div> или <p>, то есть разместить текст или картинку, между открывающимся и закрывающимся тегом <div> или <p>.

<div style="text-align: center;"> текст или картинка </div>
<p style="text-align: center;"> текст или картинка </p>

Выравнивание по центру — способ №3

Использовать <div> как и в предыдущем примере, но все его атрибуты прописать в файле css, если Вы используете CSS.

 <div class="center"> текст или картинка </div> 

В файле css создаём класс:

 .center {text-align: center;} 

Выравнивание по центру — способ №4

Всё как и в предыдущем примере, только класс нужно прописать прямо в коде страницы, между открывающимся и закрывающимся тегом <style>.

 <style> .center {text-align: center;} </style>
<div class="center"> текст или картинка </div>

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

Сегодня мы рассмотрели тему: «Как выровнять по центру текст или картинку». Узнали несколько способов как добиться желаемого результата.

Надеюсь статья была вам полезна. До встречи в новых статьях.

С уважением, Андрей Бондаренко.