左右センタリング②（ブロックレベル要素） margin: 0 auto;
「margin: 0 auto;」により、そのブロックレベル要素がセンタリングされる。
サイト全体のレイアウトを左右中央寄せにするときなどに使われる。
widthの指定が必須だが、単位「%」で指定すればレスポンシブWebデザインへの対応が可能。
PCビューで最大幅を決めるため、合わせてmax-widthを使うこともある。

<!-- 左右センタリング②（ブロックレベル要素） margin: 0 auto; -->
    <div style="
      width: 80%;
      max-width: 500px;
      margin: 0 auto;
      background-color: #FFFFCC;
    ">
      <span>
      <b>左右センタリング②（ブロックレベル要素） margin: 0 auto;</b><br/>
      「margin: 0 auto;」により、そのブロックレベル要素がセンタリングされる。<br/>
      サイト全体のレイアウトを左右中央寄せにするときなどに使われる。<br/>
      widthの指定が必須だが、単位「%」で指定すればレスポンシブWebデザインへの対応が可能。<br/>
      PCビューで最大幅を決めるため、合わせてmax-widthを使うこともある。<br/>
      </span>
      <img src="image_s.jpg">
    </div>

<hr/>