1、打开编辑器，新建test.html，用于学习今天的内容。
2、接下来需要在head标签下方引入jquery.min.js插件，如下图所示。
3、在页面的body标签里，新建一个div，名称为test。
4、在body标签下方写上<script></script>,用来存放js代码。通过class定位到div，通过css()方法让文字居中。
5、在浏览器中打开test.html，可以在文字在页面中间显示。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：p {text-align: center}。
3、浏览器运行index.html页面，此时p标签内的文字成功被水平居中显示。
