我被一些感觉应该很简单的事情难住了!
我正在尝试将徽标居中在<header>
. 徽标由<a>
带有背景图像的徽标组成,锚文本是徽标名称。我将徽标图标居中使用margin: 0 auto;
,<h1>
但找不到将图标和文本作为一个单元居中的良好解决方案。
<header>
<h1>
<a href="#" class="logo">Logo Name</a>
</h1>
</header>
CSS:
header h1 {
height: 54px;
width: 54px;
background: url('../img/logo.png') no-repeat left;
margin: 0 auto;
}
a.logo {
font-size: 33px;
margin: 0 auto;
display: block;
padding-top: 20px;
}
有任何想法吗?