Question

I’m trying to line up some text between two images on its left and right. Why isn’t it moving up?

<img src="srchere" /><span style="padding-bottom:10px;">Some text right here!</span><img src="srchere" />

The two images are larger than the text, so it looks like the text isn’t aligned and is positioned lower than the images. How do I raise the text up? The code I have above doesn’t seem to move the text up.

Thanks.

Answer 1

If you want images to vertically align with text, you need to use:

vertical-align: middle

Note that your padding-bottom might throw this off a little.

Also, if you are not already doing it, you should use an external stylesheet instead of inline CSS.