Drop cap not lining up properly

[PaganJim]

I am trying to do a drop cap on my blog page and I feel that I am mostly there at this point. It looks pretty good on Firefox, at least I am mostly happy with it.
But on Chrome and Microsoft Edge it is off.
The cap aligns more in the middle of the paragraph than at the top.

I have a web site for testing purposes before going live at http://mymslife.x10host.com/our-ms-blog/ if you would like to stop by and see exactly what I am talking about.

I did go to CodePen and the link for that is https://codepen.io/PaganJim/pen/OBRPKE

Thanks for reading!
Jim

[Shikkediel]

Adding line-height: 30px seems to even it out somewhat.

[PaganJim]

Thank you very much, Shikkediel!

That worked like a charm… I guess I have been away from CSS for too long, it has actually been a couple years since I have gotten into it.

Once again, thank you very much for the reply!

Jim

[iosman]

Im in love with your content and also gain some knowledge from your blog.

[Author]

Posts