# ブロック2

レスポンシブ Web デザインの無料テンプレートです。利用規約はこちらからご確認ください。

このフォントは <p class="text1"> です。

このフォントは <p class="text1"> です。

## ブロック3

このフォントは <p class="text2"> です。

このフォントは <p class="text2"> です。

このフォントは <p class="text2"> です。

Font Class Text3

このフォントは <p class="text4"> です。

Font Class Text3

このフォントは <p class="text5"> です。

Font Class Text6

このフォントは <p class="text4"> です。

## ブロック4

Font Class Text6

このフォントは <p class="text4"> です。

Font Class Text6

このフォントは <p class="text4"> です。

Font Class Text6

このフォントは <p class="text4"> です。

Font Class Text6

このフォントは <p class="text4"> です。

Font Class Text6

このフォントは <p class="text4"> です。

Font Class Text6

このフォントは <p class="text4"> です。

Font Class Text6

このフォントは <p class="text4"> です。

Font Class Text6

このフォントは <p class="text4"> です。

Font Class Text6

このフォントは <p class="text4"> です。

## ブロック5

画像1枚に長めの説明を記入するデザインを想定したパーツです。スクリーンサイズ1000px未満のデバイスでは、画像の下に見出しと説明が表示されます。

このフォントは <p class="text1"> です。

このフォントは <p class="text2"> です。

このフォントは <p class="text3"> です。

このフォントは <p class="text4"> です。

## ブロック6

画像1枚に長めの説明を記入するデザインを想定したパーツです。スクリーンサイズ1000px未満のデバイスでは、画像の下に見出しと説明が表示されます。

このフォントは <p class="text1"> です。

このフォントは <p class="text2"> です。

このフォントは <p class="text3"> です。

このフォントは <p class="text4"> です。

## ブロック6

画像1枚に長めの説明を記入するデザインを想定したパーツです。スクリーンサイズ1000px未満のデバイスでは、画像の下に見出しと説明が表示されます。

このフォントは <p class="text1"> です。

このフォントは <p class="text2"> です。

このフォントは <p class="text3"> です。

このフォントは <p class="text4"> です。

## ブロック6

画像1枚に長めの説明を記入するデザインを想定したパーツです。スクリーンサイズ1000px未満のデバイスでは、画像の下に見出しと説明が表示されます。

このフォントは <p class="text1"> です。

このフォントは <p class="text2"> です。

このフォントは <p class="text3"> です。

このフォントは <p class="text4"> です。

## ブロック6

画像1枚に長めの説明を記入するデザインを想定したパーツです。スクリーンサイズ1000px未満のデバイスでは、画像の下に見出しと説明が表示されます。

このフォントは <p class="text1"> です。

このフォントは <p class="text2"> です。

このフォントは <p class="text3"> です。

このフォントは <p class="text4"> です。

## ブロック6

画像1枚に長めの説明を記入するデザインを想定したパーツです。スクリーンサイズ1000px未満のデバイスでは、画像の下に見出しと説明が表示されます。

このフォントは <p class="text1"> です。

このフォントは <p class="text2"> です。

このフォントは <p class="text3"> です。

このフォントは <p class="text4"> です。

## ブロック7

このフォントは <p class="text1"> です。<div class="parts5"> の子孫要素です。デザインは style.css で編集できます。style.css では .parts5 .text1 という形で、半角スペースで区切られています。

長い文章は、段落の間隔を空けると読みやすくなります。<div class="space10"> で p タグ（段落タグ）を囲むと、margin-top: 10px が適用されます。

<div class="space20"> で p タグを囲むと、margin-top: 20px が適用されます。

<div class="space30"> で p タグを囲むと、margin-top: 30px が適用されます。

段落の始まりを一字下げする場合は <p class="indent"> です。style.css で .parts5 .indent には、text-align: left（左寄せ）と text-indent: 1em（一字下げ）が指定されています。

このフォントは <p class="text2"> です。

このフォントは <p class="text3"> です。

このフォントは <p class="text4"> です。

p タグに class を付けなければ、中央揃えになります。

このフォントは <p class="text5"> です。この文章はテンプレートのデザインを伝えるためのサンプル文章です。この文章はテンプレートのデザインを伝えるためのサンプル文章です。この文章はテンプレートのデザインを伝えるためのサンプル文章です。

このフォントは <p class="text5"> です。この文章はテンプレートのデザインを伝えるためのサンプル文章です。この文章はテンプレートのデザインを伝えるためのサンプル文章です。この文章はテンプレートのデザインを伝えるためのサンプル文章です。

このフォントは <p class="text5"> です。この文章はテンプレートのデザインを伝えるためのサンプル文章です。この文章はテンプレートのデザインを伝えるためのサンプル文章です。この文章はテンプレートのデザインを伝えるためのサンプル文章です。