css - 真ん中に画像を浮かせるには？

Question

新しいビジネス ブログを設定していますが、メイン ロゴをヘッダーの中央に配置するのに問題があります。

私はあなたが使用できることを知っています：

#logo { float: left; }
#logo { float: right; }

しかし、私が見る限り、真ん中に浮かぶという選択肢はありません。

助言がありますか？

私が問題を抱えているサイト: http://bit.ly/Yrcm5z

Answer 1

次の css を使用します#logo img

#logo img {
    margin: 0 auto;
}

Yourimgは要素として表示されるためblock、マージン値をauto指定すると、親要素内で使用可能なマージンを計算し、それをブロックの両側で均等に共有するようブラウザに指示します。

Answer 2

新しい段落またはdivで text-align を使用します。

<p><img src="http://legendarymarketer.com/wp-content/themes/wp-theme-simplog/assets/img/logo.png" height="30" width="235" alt="" style="
    text-align: center;
"></p>

CSS を変更します: [ style.cssファイルの104 行目]

#logo img {
display: inline;
}

Answer 3

使用する

<div>
    <a id="logo"></a>
</div>

そしてCSS

#logo {display: inline-block; }

div {text-align: center; }

申し訳ありませんが、記録のために、このメソッドはdisplay: inline-block;要素がテキストとして動作するため機能するため、コンテナ内でそのまま整列できます。

アルゼンチンからのご挨拶！