CSS：在图像敲文字下来

Question

这里你可以看到在这个小提琴，该文本不是坐在垂直居中我套用:before伪后：

FIDDLE

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

我试着调整线条高度，但不会以任何方式影响文字。

任何想法为什么它击倒了我的文本，以及我如何解决这个问题？

Answer 1

添加vertical-align: top;

http://jsfiddle.net/bfkv8zsq/3/在这里你去！