How do you place an image in the middle of a line of text

Question

I have been struggling to try and place an image in the middle of a line of text.

"this is text THIS IS THE IMAGE this is text"

Any idea?

Thanks

Answer 1

Try using CSS:

img {
    vertical-align: middle;
}

Answer 2

The old non-standard valign='ABSMIDDLE' is massively deprecated.... Although it still works in every browser I know.

This should be a valid CSS workaround:

<img src="..." style="vertical-align:middle">

Answer 3

I guess what you want is this?

<div>
this is text <img src="..." style="display:inline"> this is text
</div>