CODEWITHSUNDEEP
csspseudo-elementtext-alignment
SaturnsEye
SaturnsEye

Reputation: 6509

CSS :Before image is knocking text down

You can see here in this fiddle that the text isn't sitting vertically center after I apply the :before pseudo:

FIDDLE

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

I've tried to adjust the line height but it doesn't affect the text in any way.

Any ideas as to why it knocks down my text and how I can fix this problem?

Upvotes: 0

Views: 50

Answers (1)

Luke
Luke

Reputation: 4063

Add vertical-align: top;

http://jsfiddle.net/bfkv8zsq/3/ Here you go!

Upvotes: 1

Related Questions