如何在html中居中显示标题中的文本<;部门>;?

如何在html中居中显示标题中的文本<;部门>;?,html,text,alignment,Html,Text,Alignment,我似乎无法正确使用html和样式编码。我可以在html中水平居中文本,但不能垂直居中。我可能错过了一些简单的东西。这是我第一次讨论堆栈溢出。我希望我做的每件事都是对的 .Header>p{ 高度:100px; 文本对齐:居中; 背景色:黑色; 填充顶部=20px; 颜色:白色; 顶部:50px; } 此文本将垂直对齐 我会确保您的div设置为可以注意到垂直对齐的高度,并且显示设置为表格单元格 .Header{ 高度:200px; 垂直对齐:中间对齐; 显示:表格单元格; } 此文本将垂直

我似乎无法正确使用html和样式编码。我可以在html中水平居中文本,但不能垂直居中。我可能错过了一些简单的东西。这是我第一次讨论堆栈溢出。我希望我做的每件事都是对的


.Header>p{
高度:100px;
文本对齐:居中;
背景色:黑色;
填充顶部=20px;
颜色:白色;
顶部:50px;
}
此文本将垂直对齐


我会确保您的div设置为可以注意到垂直对齐的高度,并且显示设置为表格单元格

.Header{
高度:200px;
垂直对齐:中间对齐;
显示:表格单元格;
}

此文本将垂直对齐


添加
行高:100px到您的css:

  .Header > p {  height: 100px; 
                 text-align: center; 
                 background-color:black; 
                 padding-top=20px;color:white; 
                 top: 50px;
                line-height: 100px;
   }
使线条高度等于div的高度