<html> <head> <style type="text/css"> img.top {vertical-align:text-top} img.bottom {vertical-align:text-bottom} </style> </head> <body> <p> This is an <img class="top" border="0" src="logocss.gif" width="95" height="84" /> image inside a paragraph. </p> <p> This is an <img class="bottom" border="0" src="logocss.gif" width="95" height="84" /> image inside a paragraph. </p> </body> </html>
Your Result:
Edit the code above and click to see the result.
W3Schools.com
- Try it yourself