x
<html><head><style>div { width:300px; margin: auto; border: 1px solid red;}</style></head><body><h2>Использование margin:auto</h2><p>Вы можете установить для свойства margin значение auto, чтобы горизонтально центрировать элемент в его контейнере. Затем элемент займет указанную ширину, а оставшееся пространство будет разделено поровну между левым и правым полями:</p><div>Этот div будет центрирован по горизонтали, потому что в нём margin: auto;</div></body></html>