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>

Recommended Answers

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>
Jump to Post

All 2 Replies

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>

Thanks

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.20 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.