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.
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.
A little extra mark-up but: http://codepen.io/anon/pen/aAuoj
thanks for that Paulie, would that be the optimal way to preform this task?