Docs

[whytwolf]

I have a post I’m working on on this page:
https://77.104.146.32/~johnwhit/blog/2011/06/25/time-2-speculations-into-time-dilation-and-the-expanding-universe/

As you can see, the image is too high relative to the line.

In my previous blog site, these images could be set to style=”vertical-align: middle;” and they were happily in line with the text. (see http://johnwhitewolf.blogspot.com/2011/04/time-2-speculations-into-time-dilation.html)

I tried adding the style tag into the post text like this:
<img class="alignnone size-full wp-image-155" style="vertical-align: middle;" src="http://77.104.146.32/~johnwhit/wp-content/uploads/2016/07/ExpandingUniverse1sm.gif" alt="ExpandingUniverse1sm" width="60" height="27" />
But it doesn’t work (as you can see).

Any ideas how I can make this image line up with the text?

Thanks,
John

[Rue Nel]

Hello John,

Thanks for writing in! This issue happens because there is a bottom margin of the images by default. To resolve this and make sure that vertical-align: middle; will work, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

p img[class*="wp-image"] {
    margin-bottom: 0;
}

We would loved to know if this has work for you. Thank you.

[whytwolf]

Hi Rue Nel,
That worked perfectly! Thank you. 🙂
John

[Rue Nel]

Hey John,

You’re welcome!
Thanks for letting us know that it has worked for you.

Cheers.

[Author]

Posts