width設定

コードサンプル
- レイアウト -

1要素
- 背景色なし -

ここに見出しが入ります

ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。

ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。

  
            Example code
            <section class="colBox">
              <div class="container w900">
              <h2 class="contents__hl">ここに見出しが入ります</h2>
              <div class="contents__readBox">
              コンテンツ
              </div>
              </div>
            </section>

ここに見出しが入ります

ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。

ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。

  
            Example code
            <section class="colBox">
              <div class="container w800">
              <h2 class="contents__hl">ここに見出しが入ります</h2>
              <div class="contents__readBox">
              コンテンツ
              </div>
              </div>
            </section>

ここに見出しが入ります

ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。

ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。ここにコンテンツ内容がはいります。

  
            Example code
            <section class="colBox">
              <div class="container w700">
              <h2 class="contents__hl">ここに見出しが入ります</h2>
              <div class="contents__readBox">
              コンテンツ
              </div>
              </div>
            </section>