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

HTML CSS TUTORIALS » Box Model » vertical align »

The image is vertically aligned using the value middle


 
<?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.middle {
  vertical-align: middle;
}
</style>
</head>

<body>
<p><img class="middle" src="http://www.navioo.com/style/logo.png" 
        alt="plane" width="74" height="74" />
        The image is vertically aligned using the value middle </p>
</body>
</html>