Испытание: карточка курса [9/18] 100% прошу оценить код!

<head>
    <meta charset="utf-8">
    <title>Испытание: карточка курса</title>
</head>
<body>
    <div class=share>
        <h1>Курс &laquo;Фоны&raquo;</h1>
        <b>
    Учимся использовать фоновые цвета и изображения, разбираемся с форматами, знакомимся с приёмами создания декоративных эффектов.</b><br>
    <a  class="social social-fb" href=    >fb  </a>
    <a  class="social social-tw" href=    >tw  </a>
    <a  class="social social-g" href=  >g+ </a>
    </div>
</body>

css

html,
body {
margin: 0;
padding: 0;
}

body {
width: 280px;
min-height: 280px;
padding-top: 20px;
padding-left: 20px;
font-size: 14px;
font-family: “Arial”, sans-serif;
line-height: 1.2;
background: #ecf0f1;
}

.share {
background:#1abc9c;
color:white;
padding:20px;
width:200px;

}

.share h1 {
font-size:140%;
font-weight:normal;
margin-top:0px;
margin-bottom:20px;
}

.share b {
    font-weight:normal;
   
 }

.social {
display:inline-block;
width:30px;
height:30px;
vertical-align:middle;
background-image:url(/assets/course14/social-challenge.png);
background-repeat:no-repeat;
text-indent:-1000px;
margin-right:5px;
margin-top:25px;
background-color:#16a085;
}

.social-fb{
background-color:#16a085;
background-position:0 0;
}

.social-tw{
background-color:#16a085;
background-position:-30px 0;
}

.social-g{
background-color:#16a085;
background-position:-60px 0;
}

Оценю, когда исправите его отображение. Кнопка для правки </> в редакторе сообщений.

готово

Всё хорошо, кроме… С чего вдруг решили использовать тег b?

ага, можно просто было задать толщину шрифта с помощью классов? не понял… укажите что не так пжл!

Тег b применяется для выделения текста жирным без придания тексту особой важности. Вы обернули текст в тег b, а в css убрали жирное начертание, оно вам оказалось не нужно. То есть теряется сам смысл использования этого тега.
Так зачем он нужен? Пускай тогда будет span или тег параграфа p, что более уместно в данном случае.

да, действительно! увлекся )))) спасибо большое