この記事は投稿記事のデザインポリシーと表示のチェックを行います。まずは上のタイトルについて、長いタイトルでも破綻していないかチェックしてください。また、この本文テキストとのマージンについても確認をお願いします。

見出しデザインのチェック。このテキストではh2要素のデザインチェックを行います。
長い見出しにおいてもバランスが取れているか確認します。

上記はh2要素です。タイトル同様、長い見出しで破綻していないか、本文との間隔、行間などが適切か確認してください。

h3見出し要素のデザインのチェック。このテキストではh3要素のデザインチェックを行います。
長い見出しにおいてもバランスが取れているか確認します。 見出しレベル3までは頻繁に使います。しっかり確認しておきましょう。

上記はh3要素です。 タイトル同様、長い見出しで破綻していないか、本文との間隔、行間などが適切か確認してください。

h4見出し要素のデザインのチェック。このテキストではh4要素のデザインチェックを行います。長い見出しにおいてもバランスが取れているか確認します。
ここにbr要素も入れました。見出しレベル4以降は使われる機会は少ないですが、確認は重要です。

上記はh4要素です。 タイトル同様、長い見出しで破綻していないか、本文との間隔、行間などが適切か確認してください。

h5見出し要素のデザインのチェック。このテキストではh5要素のデザインチェックを行います。長い見出しにおいてもバランスが取れているか確認します。
ここにbr要素も入れました。見出しレベル5以降はデザインを忘れられることが多くなります。デザイナーはデザインを忘れないようにしましょう。

上記はh5要素です。 デフォルトでは本文よりも文字サイズが小さくなることがあります。見出しとしての役割を果たせているか、確認が必要です。また、本文との間隔、行間などが適切か確認してください。

h6見出し要素のデザインのチェック。このテキストではh6要素のデザインチェックを行います。長い見出しにおいてもバランスが取れているか確認します。
ここにbr要素も入れました。見出しレベル6以降はデフォルトで本文よりも文字サイズが小さく、全く目立ちません。まるで保険の注意書きです。デザインは大丈夫ですか？

上記はh6要素です。 デフォルトでは本文よりも文字サイズが小さくなります。見出しとしての役割を果たせているか、確認が必要です。また、本文との間隔、行間などが適切か確認してください。

本文（p要素）同士の間隔もここでチェックしてください。
br要素ではどうでしょうか？

本文における表示をチェックします。

まずは、strong（重要）要素について確認してください。警告や注意など、重要であることを表します。

次に、em（強調）要素のデザインを確認します。強調要素は、重要ではないものの、目立たせたい文字列に対して設定します。デフォルトでは斜体ですが、メイリオフォントには斜体の設定は無いため注意が必要です。

• 順不同リストの表示を確認します。
• 行間、リスト前後のマージンはどうでしょうか。
  • 順不同リストの入れ子についてもチェックします。
  • 入れ子の2段目
    • 3段目についても確認します。
    • それぞれ行間、インデントはいかがでしょうか。
  • 入れ子を挟んだ場合の表示は問題ないか、
• 各インデントについてもチェックを入れます。

1. 順序リストの表示を確認します。
2. 行間、リスト前後のマージンはどうでしょうか。
   1. 順序リストの入れ子についてもチェックします。
   2. 入れ子の2段目
      1. 3段目についても確認します。
      2. それぞれ行間、インデントはいかがでしょうか。
   3. 入れ子を挟んだ場合の表示は問題ないか、
3. 各インデントについてもチェックを入れます。

テキストに続く画像の確認を行います。このテキストのあとの画像はコンテナ幅を超えるサイズです。

画像およびそのあとに続くテキストのチェックを行います。

小さい画像と、その回り込みの表示テストです。画像は横幅が640pxです。ウィンドウ幅を小さくしたときにどのように表示されるのか確認します。
レスポンシブ対応が不十分な場合、画像の回り込みでは、画像の幅が変わらず、このテキストのエリアがどんどん狭くなります。読みにくくならないように、floatのかかった画像の最大幅を50%などの値に設定しましょう。
また、画像とキャプション、回り込みの文字列とのマージンは十分でしょうか？

画像の回り込みチェックを行います。なお、この画像にはキャプションは設定されていません。

テキストの回り込みが正常に行われているか、テキストとのマージンは確保されているかチェックします。