guys..i want to put the head of this robot to the center but it is nt working…this is the code..
<!DOCTYPE html>
<html>
<head>
<title>robot</title>
<style type=”text/css”>
body{height:100%;width:auto;position:absolute;top:0;left:0;background-color:tan;}
#robot_head{height:100px;width:100px;background-color:blue;border-top-style:groove;border-radius:20%;border-top-left-radius:50%;border-top-right-radius:50%;}
#eye1{height:20px;width:20px;background-color: aliceblue;border-radius:20px;margin-top:-9px;margin-left:8px;}
#eye2{height:20px;width:20px;background-color: aliceblue;border-radius:20px;margin-top:-36px;margin-left:53px;}
p
</style>
</head>
<body>
<div id=”robot_head”><p style=”color:blue;”>.</p><div id=”eye1″><center><p>0</p></center></div><div id=”eye2″><center><p>0</p></center></div></div>
</body>
</html>
..pls help me put the head in the center and paste the code for me..thnks