文字居中:text-align:center; 字体大小:font-size:24px; 字体颜色:color:#000; text-align:属性规定元素中的文本的水平对齐方式。
因为“text-align:center”控制的是文本居中，div居中可以用外边距margin来实现。
1、新建html文件，在body标签中添加div标签，div标签中的内容为“演示文本”，添加题目中的css样式，为了方便演示，给div标签添加灰色背景，这时可以发现div靠近浏览器的左侧，文字在div中居中：
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。
2、在index.html中的< body> 标签中，输入样式代码：style=”border: 5px solid blueviolet; text-align: center; “。
3、浏览器运行index.html页面，此时< body> 标签的内容被上下左右居中了。