Испытание: карточка курса [9/18], 100%, но не выполняется условие кратности 5, почему ?.

 <body>
   <div class="block">
     <div class="kurs">
          Курс &laquo;Фоны&raquo;
            </div>
    <div class="text"><br>
        Учимся использовать фоновые цвета и изображения, разбираемся с форматами, знакомимся с приёмами создания декоративных эффектов.
    </div>
    <div class="socialpanel">
    <a class="social social-fb" href="1"></a>
    <a class="social social-tw" href="2"></a>
    <a class="social social-g" href="3"></a>
    </div>
    </div>
</body>

.block {
background-color:#1abc9c;
width:200px;
height:195px;
padding:20px;
color:white;
}
.kurs {
font-size:20px;
padding:0;
margin:0;
}
.text {
margin-top:4px;
}
.socialpanel {
margin-top:25px;
}
.social {
display:inline-block;
background:#16a085;
width:30px;
height:30px;
margin-right:5px;
background-image:url("/assets/course14/social-challenge.png");
}
.social-fb{ background-position:0 0;}
.social-tw{background-position:-30px 0;}
.social-g{background-position:-60px 0;}

Класс text имеет отступ сверху 4 пикселя.

Блок с классом text имеет br. Что он там делает?

1 лайк

Ой, забыл про него) поставил чтобы попробовать)
Всё исправил : br удалил, сделал для класса text внутренний отступ сверху 20 пикселей и тоже 100 % , Спасибо)