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

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

Иногда, когда есть необходимость, можно выровнять блок <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