Подскажите, пожалуйста, почему код (справа выделил знаком <<<) мне пришлось использовать? Как можно это упростить?
.post-title{
color:#2980b9;
font-size:20px;
padding-left:75px;
}
.post-author{
padding-left:75px;
padding-top:5px
}
.post-author a, .post-stats a{
text-decoration:none;
color:#2980b9;
font-size:12px
}
.post-date,.post-type{position:absolute}
.post-stats{
margin-left:75px;
display:inline-block;
margin-top:5px
}
.post .post-stats ~ .post-stats{
margin-left:0;
padding-left:10px
}
.icon-tags{
background:url(post-challenge.png) no-repeat;
display:inline-block;
margin-right:1.67px <<<
}
.icon-comments{
background:url(post-challenge.png) 20px 0px;
display:inline-block;
margin-right:1.5px <<<
}
.post-stats *{vertical-align:top}
.post-text{
background-color:#ffffff;
border-bottom:5px solid #bdc3c7;
margin-left:75px;
padding:10px;
margin-right:10px;
margin-top:-1px; <<<
font-size:12px;
padding-left:15px}
.post-date{
background-color:#ffffff;
border-bottom:5px solid #bdc3c7;
width:55px;
height:55px;
position:absolute;
top:0px;
font-weight:bold;
font-size:15px;
display:inline-block;
text-align:center;
line-height:55px}
.post-type{
border-bottom:5px solid #bdc3c7;
width:55px;
height:55px;
position:absolute;
top:70px;
display:inline-block;
background:url(quotes.png) #7f8c8d no-repeat 50%
}
.post{position:relative}