CSS：在圖像敲文字下來

Question

這裏你可以看到在這個小提琴，該文本不是坐在垂直居中我套用:before僞後：

FIDDLE

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

我試着調整線條高度，但不會以任何方式影響文字。

任何想法爲什麼它擊倒了我的文本，以及我如何解決這個問題？

Answer 1

添加vertical-align: top;

http://jsfiddle.net/bfkv8zsq/3/在這裏你去！