css text-align:center与margin:0 auto居中的区别

编辑代码

<!--
margin:0 auto是对HTML元素设置的居中的css代码。
text-align:cente是对html元素里面的内容设置居中的css代码
-->
<!DOCTYPE html> 
<html> 
<head> 
<title>css text-align:center与margin:0 auto居中的区别</title> 

</head> 
<body> 
<div style="margin:0 auto; width:300px">码农教程</div><!--这里是DIV盒子相对于父级居中，盒子里面的内容并没有居中-->
<div style="text-align:center;width:300px;">码农教程</div><!--这样是div盒子里面的内容相对于盒子本身居中-->
</body> 
</html>