I am using the following code:
<p>
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://localhost/website/box.gif"></img>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"">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.Set the images vertical-alignment to text-bottom or baseline...which ever gives you the desired result.eop
<p>
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://localhost/website/box.gif"></img>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"">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.Set the images vertical-alignment to text-bottom or baseline...which ever gives you the desired result.eop