Ниже представлен один из многочисленных способов того, каким образом можно решить задачку по центрированию блочного элемента (выравниванию элемента, как по вертикали, так и по горизонтали).
Смотрим код CSS:
.roditelskii {
position: relative;
background: #fffcb7;
height: 350px;
width: 350px;
}
.po-centru {
position: absolute;
left: 50%;
top: 50%;
height: 80px;
width: 90px;
margin-top: -40px; /* высота/2 */
margin-left: -45px; /* ширина/2 */
background: #bfbfbf;
}
Смотрим код HTML:
<div class="roditelskii">
<div class="po-centru"></div>
</div>
Смотрим скриншот:
Скачиваем пример:
Всё.
Свежие комментарии