Text is not rendered from base line of image. OK for CHM but not HTML

Question

Now this one is confusing me. I decided to try and use the option to align the image to the base line. So in HelpNDoc:

Now, inside the HelpNDoc editor the actual topic content is rendered like this:

That is as I expect it. And, if I resize my editor:

It still looks great. So, I compile my CHM module and have a look at the same topic in there. here it is with a smaller view:

Again, it is all looking great. So now I build the HTML version of the help and upload to the browser for testing. I have tried Firefox, IE, Edge and Chrome. They look like this:

See how the text is not starting at the base line of the image? The page in question is here:

http://help.trucklesoft.co.uk/BriefOverview.html

I have looked with the Google Developer Console:

Nothing is immediately jumping out at me. So I went a stage further as I noticed the text is in a span and wondered if it had to do with that:

Again, nothing is jumping out at me. What is causing the span text to not render from the baseline of the image?