- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Социальные кнопки, шаг 2</title>
<link rel="stylesheet" href="setting.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="share">
<b>Соцсети</b>
<a class="social social-vk" href="https://vk.com/htmlacademy"></a>
<a class="social social-fb" href="https://www.facebook.com/htmlacademy"></a>
<a class="social social-tw" href="https://twitter.com/htmlacademy_ru"></a>
</div>
</body>
</html>
CSS
body {
margin: 0;
padding: 0;
font-size: 14px;
font-family: "PT Sans", sans-serif;
}
.share {
width: 270px;
margin: 0 auto;
margin-top: 120px;
padding: 10px;
padding-left: 20px;
background-color: #ecf0f1;
}
.share b {
margin-right: 15px;
font-weight: normal;
color: #7f8c8d;
text-transform: uppercase;
}
.social {
}
ЗадачиВыполнено
Задайте для класса .social:
- блочно-строчный тип элемента,
- ширину и высоту
40px, - цвет фона
#bdc3c7, - внешний отступ справа
10px, - вертикальное выравнивание
middle.