以下のcssコードは、mashable.comのような固定ヘッダーを作成しようとしたときに私が書いたものですが、どんなに頑張ってもlogo.pngをmargin:auto 19px;で表示させることができないようです。私は間違っています.htmlとcssの初心者なので、優しくしてください. また、ロゴとナビゲーション リストを 1 行にまとめたいと考えています。
header{position:fixed;
background:#333;
height:128px;}
h1{ display:inline;
float:left;
background:url(images/logo.png) no-repeat;
width:289px;height:47px;
margin:
text-indent:-9999px;}
nav {
height:26px;
float:right;
margin-top:19px;
width:631px;}
nav ul li{
display:inline;}
これはhtmlです:
<header>
<h1>logo</h1>
<nav>
<ul>
<li>Categories</li>
<li>Search</li>
<li>About me</li>
<li>Contact me</li>
<li>Social</li>
</ul>
</nav>
</header>