О проекте

Данный сайт попытка повысить коммуникацию самых активных разработчиков на CMS Drupal - блоггеров. Если Вы ведете свой блог о Друпале, значит Вы готовы делиться вашими знаниями, помочь другим. Не всегда ваши знания доходят до потребителя. Задача данного сайта агрегировать знания различных блогов в единую ленту и привести на Ваши блоги активных пользователей.

Активность пользователей на Вашем сайте будет дополнительным стимулом к дальнейшей работе.

Удачи во всех Ваших начинаниях!

CSS: Как отцентрировать элемент с фиксированными размерами

-15 votes
+
-

Пример центрирования элемента с фиксированными размерами как по вертикали, так и по горизонтали:
<style>
.parent {
position: relative;
}
 
.centered {
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 20px;
margin-left: -30px; /* width/2 */
margin-top: -10px; /* height/2 */
}
</style>
 
<div class="parent">
<div class="centered">Отцентрированный элемент</div>
</div>
Демо.

Полный оригинальный материал: