CSSのウェブページの幅、ナビゲーションバーのセンタリングとウィジェットのラップセンタリング

Question

私はCSSをかなり新しくしています。ご覧のとおり、私のウェブページは現在、コンテンツの左右に多くのスペースがあり、ナビゲーションバーを非常に長くしています。私は、モバイルやタブレット上で私のテーマがどのように反応するのかに影響を与えずに、これをあまり広くしないように設定したいと思います。

ソーシャルメディアアイコン/ウィジェットを私のロゴの下の中央に配置し、ナビゲーションバーにリンクを集中させたいと思います。ここ

ウェブサイト：

http://aspectcopywriting.co.uk/

誰でも助けることができますか？

ありがとうございました

Answer 1

これはかなり簡単です。あなたがする必要があるのは、ソーシャルメディアアイコンをラップアップしたdivを選択し、値centerのtext-alignというプロパティを使用するだけです。このように：

.widget_catchresponsive_social_icons { 
    text-align: center; 
} 

すべてを今すぐ中心にする必要があります。 詳細については、MDNをご確認ください：

Answer 2

エミリーの答えにあるCSSは機能しますが、divを中央に置くのは適切な方法ではありません。下図のようにW3Cによると、あなたは、あなたがセンターに望む社会的アイコンとナビゲーションタブを保持している要素に幅と余白を使用する必要があります。

.social_container{ 
    width: 225px; 
    margin: 0 auto; 
} 

.nav_links_container{ 
    width: 605px; 
    margin: 0 auto; 
} 

これは親要素の中にそれらの項目を中心に説明します。