Есть блок div с названием класса penguin, мне нужно опустить данный блок на 10% вниз от родительского блока, но свойство top не применяется.
Пробовал на 2-х редакторах, sublime и brackets. Css стили подключены верно.
В чем может быть ошибка?
//HTML:
<body>
<div class="penguin"></div>
</body>
//CSS:
.penguin{
width: 300px;
height: 300px;
background: grey;
margin: auto;
position: relative;
top: 10%;
}
.penguin{
width: 300px;
height: 300px;
background: grey;
margin: auto;
position: relative;
margin-top: 10%;
}
<div class="penguin"></div>
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости