Aligning images HTML

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 style="font-family:Arial, Helvetica, sans-serif;color:#3c3c3c;"> <p> An image <img src="/images/right-whale-665.gif" align="bottom" width="150" height="100" alt="whale" /> in the text </p> <p> An image <img src="/images/right-whale-665.gif" align="middle" width="150" height="100" alt="whale" /> in the text </p> <p> An image <img src ="/images/right-whale-665.gif" align="top" width="150" height="100" alt="whale" /> in the text </p> <p>Note that bottom alignment is the default alignment</p> <p> An image <img src ="/images/right-whale-665.gif" width="150" height="100" alt="whale" /> in the text </p> <p> <img src ="/images/right-whale-665.gif" width="150" height="100" alt="whale" /> An image before text </p> <p> An image after text <img src ="/images/right-whale-665.gif" width="150" height="100" alt="whale" /> </p> </body> </html>
Edit the code above and click to see the result	www.xhtml.co.il - Try it yourself