CSS：在图像敲击文本之前

Question

你可以在这个小提琴中看到，在我应用:before伪后，文本没有垂直居中：

FIDDLE

.explore:before {
    content: url('../images/explore.png');
    margin-right:5px;
}

我尝试调整行高，但不会以任何方式影响文本。

关于为什么它会破坏我的文本以及如何解决这个问题的任何想法？

Answer 1

添加vertical-align: top;

http://jsfiddle.net/bfkv8zsq/3/你走了！