vertical align of the image

msi_333 · Wed Feb 15, 2012 11:52 pm

Following is an example of changing the vertical alignment of the image.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   <html>
        <head>
            <title>image vetical align</title>
            <style type='text/css'>
        p {
      
          
            padding: 0px;
            border: 1px solid black;
          
        }
        img {
            vertical-align: 100%;
        }
            </style>
        </head>
        <body>
           <p>
          Notice the image vetical align <img src='site_logo.gif'/> 
          
      </p>
        </body>
    </html>
 