在编写HTML时,怎样让DIV文字居中?

我们在HTML页面中编写DIV的时候,文字一般都默认对齐在DIV的左上角,那么怎么让DIV中的文字居中呢?下面小编给大家分享一下 。
【在编写HTML时,怎样让DIV文字居中?】工具/材料SublimeText
操作方法

    01首先打开SublimeText软件,新建一个HTML页面,如下图所示
    在编写HTML时,怎样让DIV文字居中?

    文章插图
    02然后我们在html页面中加入p标签,并且在p标签中加入一些文字,如下图所示
    在编写HTML时,怎样让DIV文字居中?

    文章插图
    03接下来我们给p标签编写CSS样式,如下图所示,这里主要是text-align和line-height两个属性,如下图所示
    在编写HTML时,怎样让DIV文字居中?

    文章插图
    04最后我们运行页面程序,你就会在页面中看到p中的文字水平垂直都居中了,如下图所示
    在编写HTML时,怎样让DIV文字居中?

    文章插图