I want an image and text appear side by side and also text should be vertically align in the middle so it looks on line. Code below doesn't work properly. Text goes to bottom.


<span style="display:inline;"><img src="image.png" alt="loader" /></span>&nbsp;<font style="display:inline;vertical-align:middle;">Title here</font>

The vertical-align property can be applied to the image, not the span elements. In addition, if you want to center it in the page, you can wrap this with a div and apply the text-align:center property.

<div style="text-align:center;">
  <img src="#" alt="loader" style="vertical-align:middle;" />
  Title here