标题中的 HTML 中心图像

Question

我正在尝试制作这样的标题:

                 HOME     ABOUT   (LOGO HERE)     CONTACTS     LOGISTICS

我希望所有内容都在页面中间。

如果有人能帮助我或将我链接到有用的网站，我将不胜感激

Answer 1

您可以使用 margin:0 auto 使页面中的元素居中。尝试使用以下代码来开发您的设计。

http://codepen.io/ogzhncrt/pen/mJggdd

header {
  width:700px;
  margin:0 auto;
  background-color:#999;
  padding:10px;
  height:20px;
  color:#f4f4f4;
}

header ul {
  list-style:none;
  margin:0 auto;
}

header ul li {
  display:inline-block;
  float:left;
  margin-left:20px;
}