如何将html盒子中的文字居中

Question

请问一下如何将html盒子中的文字居中？应该用什么方法？什么方法比较简单？

Answer 1

要垂直居中p的 line-height 设置成与 height 一样就可以了

p:nth-child(1){
    height: 10rem;
    line-height: 10rem;
}
p:nth-child(2){
    height: 4rem;
    line-height: 4rem;
}