center - レスポンシブ サイトの中央にロゴを配置する

Question

ロゴと画像スライダーをレスポンシブ サイトの中央に配置したいと考えています。

基本的に、ロゴとスライダーはフルサイズの画面で隣り合っています。サイトの幅が十分でなく、ロゴが縮小したときに、スライドを非表示にすることができます。

私がやりたいのは、ロゴとスライダーが隣り合っていなくなったら、それらを中央に配置することです。

助けてください：http: //ranchocordovaeventscenter.com/

ありがとうございました、

マット

Answer 1

hgroupタグの子要素を中央にmargin: 0 auto;text-align:center配置するには、hgroup

これにより、コンテンツがその div 内の中央に配置されます

Answer 2

ロゴとスライダーを div に配置し、固定幅にします。この div に #inner id がある場合、解決策は次のようになります。

#inner {
width:1000px;
display:block;
}