私は次のことを達成しようとしています: 垂直方向と水平方向の両方で、ページの中央に中央の div (ラッパー) があります。その div 内に、別の 2 つの div が必要です。そのうちの 1 つにはロゴが含まれ、もう 1 つにはテキストが含まれます。ロゴ画像も、その div の中央に垂直方向および水平方向に配置する必要があります。現在、これは私が持っているものです：
ここに、私の HTML と CSS を使用した jsfiddle があります: http://jsfiddle.net/7cQhG/
ロゴ div を中央に配置し (水平方向にのみ中央揃えし、10px の余白を上部に配置)、ロゴ画像をその div の内側に水平方向と垂直方向の両方で現在のように中央揃えするにはどうすればよいですか?
ロゴを img にしなければならない理由はありますか?
私はあなたが与えた出発点を取り、jsFiddle フォークをまとめました: http://jsfiddle.net/mori57/HDmkZ/
imgタグを抜いて、背景画像として使用しています。「center center」は、理論的にはコンテナー内の中央に配置する必要があり、透明な png であるため、背景色は希望どおりに表示されます。
これがうまくいくかどうか、または他に質問がある場合はお知らせください。
サイドバーとして、CSS でタグを指定する必要はありません (実際に指定する必要はありません)。本当に適切な唯一の場所は、デフォルトを特定のタグに割り当てる場合です...そうしないと、そこにあるIDを使用しているときに、特異性のルールがすでに引き継がれています.
ロゴの下のテキストで何をしたいのか明確ではなかったので、スタイリングはしていないことに注意してください.