垂直对齐CSS框内的文本

我想让CSS框中的文本在中间垂直对齐。我在div上尝试了valign=“middle”，但没有成功。
CSS:

HTML:

此处文本

如果文本为一行-

#leadboard {
    line-height: 100px; /* Equal to height */
}

如果你的文字有几行-

#leadboard {
    display: table;
}
#leadboard h1 {
    display: table-cell;
    vertical-align: middle;
}

像这样：

#leadboard
{
    width: 1300px;
    height: 100px;
    background-color: #dedede;
    display: table;
}
#leadboard h1
{
    display: table-cell;    
    vertical-align: middle;
}

或

---

对于h1，给出线高度：100px；可能是重复的嗯，实际上我做了很多搜索，但我没有找到任何我现在要求的东西。谢谢。你能告诉我display:table cell做什么吗？它是一个像表格单元格一样显示的属性，并替换HTML5不支持的属性valign。

#leadboard {
    display: table;
}
#leadboard h1 {
    display: table-cell;
    vertical-align: middle;
}

#leadboard
{
    width: 1300px;
    height: 100px;
    background-color: #dedede;
    display: table;
}
#leadboard h1
{
    display: table-cell;    
    vertical-align: middle;
}

#leadboard
{
    width: 1300px;
    height: 100px;
    background-color: #dedede;
    line-height: 100px;
}