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

Итак, давайте сначала рассмотрим самый простой, но устаревающий способ – выравнивание по центру с помощью тега <center>.

Допустим, на вашей странице есть картинка и вам необходимо выровнять ее по центру. Все, что нужно – это заключить картинку в парный тег <center>. Пример:

Код:
<!DOCTYPE html>
<html>
<head>
<title>Теги центрирования (выравнивания) в HTML</title>
</head>
<body>
<center><img src='image.jpg'></center>
</body>
</html>

Как уже было сказано выше, тег <center> относится к устаревающим тегам HTML, и его на данный момент не рекомендуется использовать. Более правильно использовать css-стили для центрирования:

1. text-align: center;
2. margin: 0 auto;

Первое свойство используется применительно к содержимому родительского элемента :

Код:
<!DOCTYPE html>
<html>
<head>
<title>Центрирование</title>
<style>
body{
   text-align:center;
}
</style>
</head>
<body>
<img src='image.jpg'>
Какой-то текст
</body>
</html>

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

Во втором случае мы используем «правильное центрирование»:
<!DOCTYPE html>
<html>
<head>
<title>Центрирование</title>
<style>
.my_style{
   margin: 0 auto;
}
</style>
</head>
<body>
<img src='image.jpg' class='my_style'>
</body>
</html>
Материла взят с сайта: poleshuk.ru

Ну а я использую простейший метод, это открыл код  <center> закрыл код  </center>.( хоть он и не рекомендуется).