深刻理解Div以及内联对象的水平垂直居中问题

<!DOCTYPE html> 

<html>
<head>
<meta charset="utf-8"> 
<title>css id*class</title>
<style> 
#mydiv{position:absolute;width:150px;height:100px;margin-left:75px;margin-top:50px;background:red;}
.divclass{width:300px;height:200px;margin:0 auto;background:green;}
#myspan{line-height:100px;}
</style>
</head>
<body style="text-align:center">
<div class="divclass">
    <div class="divclass" id="mydiv"><span id="myspan">My test:Hello World!</span></div>
</div>
</body>
</html>

你可能感兴趣的:(深刻理解Div以及内联对象的水平垂直居中问题)