Html 使用div标记水平对齐图片，使其展开

我不能让它水平对齐，我试过使用一些标签和东西，但它不起作用

HTML/CSS

#导航{
线高：30px；
背景色：#eeeeee；
宽度：50%；
左边距：自动；
右边距：自动；
文本对齐：对齐；
-ms文本对齐：分布所有行；
文本对齐：分布所有行；
}

您必须使css中的

文本对齐：居中。
您需要使用伪元素
：：如下所示：


#导航{
线高：30px；
背景色：#eeeeee；
宽度：50%；
左边距：自动；
右边距：自动；
文本对齐：对齐；
-ms文本对齐：分布所有行；
文本对齐：分布所有行；
}
#导航：之后
{
显示：内联块；
宽度：100%；
内容：''；
字号：0；
身高：0；
线高：0；
可见性：隐藏；
}
下面的css将为您完成此任务

#nav {
  background-color: #eeeeee;
  width: 60%;
  margin: auto;
  padding: 10px;
  text-align: justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines;    
}