Где картинка? [18/18]

Курсы §14. Мастерская: декоративные элементы
1

Задание только начинаю делать.(точнее переделывать). Сперва не получилось с инлайн-блоком. Не хотела строка быть строкой. Подумала, что проще переписать все. Переписывать начала, но не могу понять где картинка.(хотя до этого вставлялась)
.post {
position: relative;
margin-left: 75px;
}

.post-title {
color: #2980b9;
font-size: 20px;
}

.post-stats {
display: inline-block;
}
a{
color: #2980b9;
text-decoration: none;
}
.post-date {
position: absolute;
width: 55px;
height: 55px;
border-bottom: 5px solid #bdc3c7;
left: -75px;
top: -5px;
font-size: 15px;
font-weight: bold;
background-color: white;
text-align: center;
vertical-align: middle;
line-height: 55px;
}
.icon {
background: url("/assets/course14/post-challenge.png") no-repeat;
position: absolute;
}

Безымянный.png971×578 74.3 KB

Может они уползли куда? Или просто не вставляются. Совсем не могу понять:neutral_face:

2

Все, поняла.

3

Попутно появился еще один вопрос. не могу выровнять inline-block. Помогите, пожалуйста.
.post {
position: relative;
margin-left: 75px;
}

.post-title {
color: #2980b9;
font-size: 20px;
}

.post-stats {
display: inline-block;

}
a{
color: #2980b9;
text-decoration: none;
}
.post-date {
position: absolute;
width: 55px;
height: 55px;
border-bottom: 5px solid #bdc3c7;
left: -75px;
top: 0px;
font-size: 15px;
font-weight: bold;
background-color: white;
text-align: center;
vertical-align: middle;
line-height: 55px;
}
.icon {
background: url("/assets/course14/post-challenge.png") no-repeat;
position: absolute;
width: 20px;
height:20px;
}
.icon-comments {
background-position: -20px 0;
left: 150px;
}
.post-text {
background-color: white;
text-align: left;
width: 165px;
height: 105px;
border-bottom: 5px solid #bdc3c7;
padding:10px 15px 0 15px;
}
.post-type {
background: url("/assets/course14/quotes.png") #7f8c8d no-repeat 50% 50%;
position: absolute;
border-bottom: 5px solid #bdc3c7;
width: 55px;
height: 55px;
left: -75px;
top: 70px;
}
.post-author {
padding-top: 5px;
padding-bottom: 10px;
}

Получается это вот:

если между ссылками добавлять отступы, то отступ возникает между Интенсив и Программа.

4

Нужно выравнивать в целом блоки post-stats, а не ссылки внутри, иначе 100% не добиться.
Похожая тема, где все разобрано: Анонс поста 18 /18

5

Спасибо, попробую!