演示代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
p{
width: 300px;background-color: #ff0000;
margin: 0 auto;
}
span{
width: 300px;background-color: #ff0000;
/* margin: 0 auto; 对行级元素无效 */
/* text-align: center; 行级元素居中应卸载父元素中 */
}
body{
text-align: center;
}
</style>
</head>
<body>
<!--
元素水平居中：margin: 0 auto; 只对块级元素有效，只有水平居中
-->
<p>我要自学</p><p>我要自学</p>
<span>我要自学</span>
</body>
</html>
