image position with <p> tag

[wastlinger]

I am using the following code:

<p>
<img src="http://localhost/website/box.gif"></img>
<a href="">See our Mission Statement</a>
</p>

I have attached a jpg image to illustrate the result. The red line in the jpg image represents the border of the <p> element.

Currently the box.gif is, by default it seems, vertically aligned to the top, so that it is positioned above the line on which the text is positioned.

I want to position the box.gif, so that it sits on the line on which the text is positioned.

What CSS can I use to do this?

I hope I am being clear.

[Triumph]

Set the images vertical-alignment to text-bottom or baseline...which ever gives you the desired result.

[wastlinger]

eop