Здравствуйте. Появилась проблема - нужно сделать блок такого вида:
Не знаю, как верно сделать блок с единичкой.
Попробовал спозиционировать float: left;
и поровнять margin
'ами, но мне кажется, что это не самый лучший вариант, плюс не срабатывает margin-left
.
Буду рад помощи.
.top {
width: 180px;
height: 180px;
background-color: #000;
border-radius: 110px;
border: 6px solid #f7d701;
}
.circle {
height: 50px;
width: 50px;
background-color: #f7d701;
border-radius: 110px;
color: #000;
text-align: center;
line-height: 50px;
float: right;
margin-top: 67px;
font-size: 19px;
}
<div class="top">
<div class="circle">1</div>
</div>