Нужно отодвинуть 3-й div, как на рисунке, но у меня почему-то не срабатывает nth-child
, что я делаю не так?
.apply__items{
width: 180px;
text-align: center;
color: #2f383b;
float: left;
margin-right: 150px;
}
.apply__items:nth-child(2) {
margin-left: 43px;
}
.apply__items:nth-child(3) {
margin-right: 50px;
}
.apply__digit{
height: 80px;
width: 80px;
line-height: 80px;
border-radius: 50%;
border: 1px solid #2f383b;
font-family: 'Tahoma', sans-serif;
font-size: 30px;
font-weight: 400px;
color: #2f383b;
}
.apply__digit:hover{
border: none;
background: #2f383b;
color: #fff;
}
.apply__item{
margin-top: 14px;
font-size: 16px;
font-family: 'Tahoma', sans-serif;
font-weight: bold;
color: #2f383b;
}
<div class="apply__items">
<div class="apply__digit">1</div>
<div class="apply__item">Лучший код</div>
</div>
<div class="apply__items">
<div class="apply__digit">2</div>
<div class="apply__item">Лучший код</div>
</div>
<div class="apply__items">
<div class="apply__digit">3</div>
<div class="apply__item">Лучший код</div>
</div>