Vertically center an img adjacent to text – minus margin query

[MikeWD]

I often use this method to keep an image vertically centered along side some text. I was wondering if there are any alternative ways to do this, the minus margin-top value does not sit well with me, plus if the image size changes the pixel value must be calucated again as margin-top: -50%; doesn’t work correctly (probarbly due to my lack of knowlege on vertical height with percentages).

note: the main reason for this method is if more text is added, the img remains vertically centered.

http://codepen.io/dntz/pen/trJDy

Thanks in advance.

[Paulie_D]

A little extra mark-up but: http://codepen.io/anon/pen/aAuoj

[MikeWD]

thanks for that Paulie, would that be the optimal way to preform this task?

[Author]

Posts