The image is vertically aligned using the value text-bottom
<?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Example</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style rel="stylesheet" type="text/css"> p { font: 12pt arial; }
img.text-bottom { vertical-align: text-bottom; }
</style> </head>
<body> <p><img class="text-bottom" src="http://www.navioo.com/style/logo.png" alt="plane" width="74" height="74" /> The image is vertically aligned using the value text-bottom </p> </body> </html>
