左右センタリング③ display: inline-block;
「text-align:center;」により、「display: inline-block;」指定した子ブロックレベル要素（水色）がセンタリングされる。
widthを決めず、内容量に応じた幅でブロックレベル要素を左右センタリングしたいときに使う。
ブロック幅は内容によって可変・ブロック自体はセンタリング。
子ブロックレベル要素の子インライン要素の配列は、子ブロックレベル要素の「text-align:」に従う。

<!-- 左右センタリング③ display: inline-block; -->
    <div style="
      text-align: center;
      background-color: #FFFFCC;
    ">
      <div style="
        display: inline-block;
        text-align: center;
      ">
        <span>
        <b>左右センタリング③ display: inline-block;</b><br/>
        「text-align:center;」により、「display: inline-block;」指定した子ブロックレベル要素（水色）がセンタリングされる。<br/>
        widthを決めず、内容量に応じた幅でブロックレベル要素を左右センタリングしたいときに使う。<br/>
        ブロック幅は内容によって可変・ブロック自体はセンタリング。<br/>
        子ブロックレベル要素の子インライン要素の配列は、子ブロックレベル要素の「text-align:」に従う。<br/>
        </span>
        <img src="image_s.jpg">
      </div>
    </div>