How to align an image within a text.

Edit code and click me	Your Result (Some examples do not work in Google Chrome):
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <p> An image <img src="/images/blue-green-axe.gif" alt="Axe" align="bottom" width="75" height="75" /> in the text An image <img src="/images/blue-green-axe.gif" alt="Axe" align="middle" width="75" height="75" /> in the text An image <img src="/images/blue-green-axe.gif" alt="Axe" align="top" width="75" height="75" /> in the text </p> <p> <b>Note:</b> align="bottom" is the default alignment! </p> <p> <img src="/images/blue-green-axe.gif" alt="Axe" width="75" height="75" /> An image before the text </p> <p> An image after the text <img src="/images/blue-green-axe.gif" alt="Axe" width="75" height="75" /> </p> <p>The align attribute was deprecated in HTML 4, and is not supported in HTML 4.01 Strict DTD or in XHTML 1.0 Strict DTD. Use CSS instead.</p> </body> </html>
Edit the code above and click to see the result	www.xhtml.co.il - Try it yourself