Question

I had this question answered here: Left-align image and centered text on same level inside of a div?

I encountered an issue with this solution, however. The title has a series of font families defined. When one of the font families is not present on a user’s computer, so a different font is shown, the static positioning of the image to its left becomes incorrect.

Is there a way to detect this occurring and add static positions for each font family? Or, even better, a way to just automatically keep the image in the right spot regardless of fon’t size/family?

Thanks

Fiddle: http://jsfiddle.net/linmic/5L5V9/

It inherits font-family from master page code.

Answer 1

Here’s an illustration of what I think you want, using top: 50%; image size of 48px, and top margin of -24px to keep it vertically centered:

http://jsfiddle.net/5L5V9/5/