标题中的CSS居中标识

Question

我很难在大多数桌面浏览器中以http://inksharks.com为中心获取标题徽标。它在缩放到移动或平板电脑视图时确实居中。我尝试了几件事，这是我最接近修理它但它也改变了我的页脚。

.wrap-inner .twelve.pane {
    margin-left: 0 !important;
    width: 930px;
}

Answer 1

<h1 class="logo img-only">

</h1>

为此添加一个align属性，它看起来像

<h1 class="logo img-only" align="center">

</h1>

它会正常工作

Answer 2

在.logo, h1.logo上移除float: left;。然后在.logo img, .logo .text-logo, .logo .description put

CSS：

.logo img, .logo .text-logo, .logo .description{
      display: block;
      margin: 0 auto;
}

Answer 3

这将使您的徽标居中对齐：

h1.logo {
    float: none;
}
div.wrap-inner {
    text-align: center;
}

我正在覆盖float: left上的h1.logo，如果可以的话，最好将其删除。

同时从padding-top:44px移除.nav-right .navigation-wrap以修复徽标与内容之间的空间。