html - 正确对齐帖子图标字体和发布日期

Question

这是图片：http: //i.imgur.com/E4LYhN2.png。日期和作者的图标与日期、作者姓名未正确对齐。

图标和发布日期的css代码：

.entry-meta { /* Container for the entry metadata */
    clear: both;
    font-size: 13px;
    font-size: 1.3rem;
}
// code for icon fonts
.genericon:before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 16px 'Genericons';
    font-size: 1.6rem;
    vertical-align: top;
    margin-right: 5px;
}

.genericon-user:before { content: '\f304'; }
.genericon-month:before{ content: '\f307'; }

Answer 1

代替vertical-align: top;

vertical-align: middle; /* or try with baseline */

https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align