Выравнивание блока по центру CSS

CSS - Выравнивание элемента
Селектор:	table; div; image; #name
Свойство:	float;
Значения:	left; right;
Портал Веб-разработчиков • • Портал CSS

Иногда, когда есть необходимость, можно выровнять блок <div> по центру экрана. Например, когда весь шаблон сайта нужно расположить по центру экрана. Это достаточно легко сделать, задав необходимые настройки в CSS

Выравнивание элементов HTML

Следует задать тому или иному параметру следующие настройки:

#id_name {
margin: 0 auto;
width:400px;
border: 1px solid blue;
}

Получаем:

Текст, картинка, ссылка или другие элементы страницы

Таким же образом можно выравнивать любой другой элемент по правому или левому краю страницы, используя свойство "float" со значение "left" или "right": Следует задать тому или иному параметру следующие настройки:

#id_name {
float: right;
width:400px;
border: 1px solid blue;
}

Получаем:

Текст, картинка, ссылка или другие элементы страницы

Примечания

• Есть возможность выравнивания блока по горизонтали и по вертикали. Об этом можно прочитать в статье про интересные возможности CSS.

• Если же возникли трудности и есть какие-либо вопросы по CSS, то можно задать вопрос в специально созданной теме про CSS на нашем форуме.