Html 如何将此文本居中？

所以我不知道如何将这篇文章居中（我说的是“看看马修是谁”和“查看他的简历”等等……我可以将它水平居中，但不能垂直居中。当涉及到在div中居中文本时，我总是很糟糕，所以任何帮助都将不胜感激。谢谢！我的代码如下：

#导航{
填充：0px；
利润上限：200px；
边界半径：10px；
左：0；
宽度：自动；
位置：绝对位置；
高度：自动；
背景图像：url（“http://www.diiiz.com/variant/Argent%C3%A9.jpg"); 
}
#李海军{
位置：相对位置；
列表样式：无；
宽度：自动；
边框顶部：1件纯黑；
}
#导航李跨度{
过渡：所有1；
位置：绝对位置；
排名：0；
左：-300px；
显示：块；
宽度：300px；
身高：100%；
背景图像：url（“http://www.diiiz.com/variant/Argent%C3%A9.jpg"); 
z指数：-1；
边界半径：10px；
颜色：白色；
字体大小：20px；
文本对齐：居中；
填充：0px；
}
#李海军{
过渡：所有1；
位置：绝对位置；
排名：0；
左：-300px；
显示：块；
宽度：175px；
身高：100%；
背景图像：url（“http://www.diiiz.com/variant/Argent%C3%A9.jpg"); 
z指数：-1；
边界半径：10px；
颜色：白色；
字体大小：20px；
文本对齐：居中；
填充：0px；
溢出：隐藏；
}
#导航李#spectab2{
过渡：所有1；
位置：绝对位置；
排名：0；
左：-300px；
显示：块；
宽度：130px；
身高：100%；
背景图像：url（“http://www.diiiz.com/variant/Argent%C3%A9.jpg"); 
z指数：-1；
边界半径：10px；
颜色：白色；
字体大小：20px；
文本对齐：居中；
填充：0px；
溢出：隐藏；
}
#导航李#spectab：悬停a{
背景色：黑色；
}
#导航李#spectab2：悬停a{
背景色：黑色；
}
#李导航：悬停跨度{
左：200px；
}
#李海军：悬停#斯佩克塔布{
左：125px；
}
#李海军：悬停#spectab2{
左：315px；
}
#李娜{
位置：相对位置；
显示：块；
文字装饰：无；
字体大小：15px；
字体大小：粗体；
颜色：白色；
文本对齐：居中；
填充：15px；
}
#李导航：悬停{
背景色：黑色；
边界半径：2px；
}
#导航李a：悬停{
颜色：#778899；
显示：块；
填充：15px；
}

马修


看看马修是谁


查看他当前的简历


您可以在要居中的元素的css中使用此选项：

.center{left:25%;width:50%;height:50%;top:25%;background:#f0f;position:absolute;text-align:center;}

显然，调整了百分比

有关信息：请参见此内容：
关于如何制作最少且清晰的示例，请的可能副本。在隐藏内容之前，请先更正您的基本样式。乍一看，您的示例看起来很好。必须进行交互以了解问题所在，这是一种痛苦。