0

Hi,

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.

Thanks

<span style="display:inline;"><img src="image.png" alt="loader" /></span>&nbsp;<font style="display:inline;vertical-align:middle;">Title here</font>
2
Contributors
2
Replies
7
Views
5 Years
Discussion Span
Last Post by veledrom
0

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
</div>
This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.