Set image margin top and left to negative value : image : Images HTML CSS TUTORIALS

HTML CSS TUTORIALS » Images » image »

Set image margin top and left to negative value


 

<!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></title>
<style type="text/css">
img {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: -96px;
 margin-left: -138px;
 height: 192px;
 width: 256px;
}
</style>
</head>

<body>

  <img src="http://www.navioo.com/style/logo.png" width="256" height="192" alt="Photo">
  
</body>
</html>