div盒子居中
div居中是对框架盒子本身设置。让网页主体水平居中于浏览器中，就需设置margin:0 auto实现布局居中。
CSS 内容居中
和DIV盒子居中有着同样居中字眼的内容居中，则是对盒子里内容（文字、图片等内容）实现水平居中。使用text-align:center即可实现HTML元素里的内容居中。不管是对div标签、h1标签、h2标签、p标签等html元素标签设置都能让其对于盒子里内容水平居中。
实例：
<code class="language-html"> <title>css html元素居中与html元素内容居中的区别</title> <div style="margin:0 auto; width:300px">码农教程</div> <!--这里是DIV盒子相对于父级居中，盒子里面的内容并没有居中--> <div style="text-align:center;width:300px;">码农教程</div> <!--这样是div盒子里面的内容相对于盒子本身居中--> </code>
在线测试
小结：
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
