The image is vertically aligned using the value top : vertical align : Box Model HTML CSS TUTORIALS


HTML CSS TUTORIALS » Box Model » vertical align »

 

The image is vertically aligned using the value top


 
<?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">
{
  font: 12pt arial;
}


img.top {
  vertical-align: top;
}


</style>
</head>

<body>
<p><img class="top" 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>

 



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo Box Model
» vertical align