1新建html文档，在body标签中添加div标签并填写一段文字，然后为这个div设置一些样式2为div添加“textalign”属性，属性值为“center”，这时文字将会在框内水平居中3为div添加“lineheight”属性，属性值为div的。

首先我们用sublime先创建一个html，并且在html里面加入div，如下图所示 然后我们在div中加入一些文字，如下图所示，文字用span包裹起来 运行页面程序以后我们会看到文字在div的左上角，并没有居中的效果，如下图所示 接下来。

HTML中可以设置文字或内容居中对齐下面，我们来看看怎样让DIV中的内容居中吧随便写上文字 先打开visual studio软件，然后在div中随意写上文字，如下图所示水平居中代码 然后在style中写上水平居中代码bodytext。

这个center标签就是相对于p标签里的文字，可以使其居中由于center标签已经过时了，所以正规一点的话还是不建议使用的，可以使用如下的方式代替p123p 在HTML中怎么让p里的东西上下居中一个是横竖居中，一个是横着。

1举个例子，在HTML中的body标签里面写上div标签对ltdivltdiv2然后我们给div设置宽高，需要注意，如果不设置宽度默认是100%的哦，这样就会占满整个页面3然后，我们给div加上深粉色的背景颜色，这样是方便我们。

所以通常图片高，文字低，不能水平居中对齐2再次编辑ahtml，加入以下css代码hlong *displayinlineblockverticalalignmiddle3再次使用浏览器访问ahtml页面即可成功让div里边的图片和文字同时上下居中。

可以用“textalign”属性控制文字的位置，“center”属性值让文字居中显示1新建html文档，在body标签中添加一个div标签，在div标签中添加p标签，这时文字将会在div标签中靠左显示2为div标签设置“textalign”属性。

height 150pxbackgroundcolor redposition fixedtop 20% ltstyle 4查看样式效果，保存html文件后使用浏览器查看设置的效果5设置positionfixed 居中为了给div自动居中显示，只需要在fixed类中再添加。