在html/css中，将文本水平和垂直对齐在中间_Html_Css

在html/css中，将文本水平和垂直对齐在中间

html css

在html/css中，将文本水平和垂直对齐在中间,html,css,Html,Css,我需要垂直和水平地将文本与导航div的中心对齐。我将在下面提供HTML和CSS 下面是代码的HTML部分 <html> <head> </head> <title> Dom Chronicles </title> <body> <div id="header"> </div> <div id="space"> </div> <div id="nav">

我需要垂直和水平地将文本与导航div的中心对齐。我将在下面提供HTML和CSS

下面是代码的HTML部分

<html>
<head>
</head>

<title>
Dom Chronicles
</title>
<body>

<div id="header">
</div>

<div id="space">
</div>

<div id="nav">

<ul>
    <li>Home</li>
    <li>Music</li>
    <li>Blog</li>
    <li>Shop</li>
    <li>Contact</li>
</ul>

</div>

</body>
</html>

@font-face  {
font-family: Mager;
src: url(fonts/ElegantLux-Mager.otf);
 }

#header     {
width: 1000px;
height: 400px;
margin: 0 auto;
background-color: gray;
}

#space  {
width: 1000px;
height: 10px;
}

#nav    {
width: 1000px;
height: 50px;
margin: 0 auto;
background-color: gray;
color: black;
font-size: 25px;
font-family: Mager;
}

#nav li {
list-style: none;
display: inline;
text-align: center;
}

#nav li:hover   {
opacity: .6;
}

将

显示：表格

和

文本对齐：居中

添加到

导航

元素：

@font-face{
字体系列：Mager；
src:url（字体/ElegantLux-Mager.otf）；
}
#标题{
宽度：1000px；
高度：400px；
保证金：0自动；
背景颜色：灰色；
}
#空间{
宽度：1000px；
高度：10px；
}
#导航{
宽度：1000px；
高度：50px；
保证金：0自动；
背景颜色：灰色；
颜色：黑色；
字体大小：25px；
字体系列：Mager；
显示：表格；/*添加显示表格*/
文本对齐：居中；/*添加文本对齐居中*/
}
#李海军{
列表样式：无；
显示：内联；
文本对齐：居中；
}
#李导航：悬停{
不透明度：.6；
}



家
音乐
博客
商店
接触

文本对齐：在父元素中居中，用于居中文本和行高：1.2或类似的p或垂直调整标题