この記事に関する導入文が入ります。この記事に関する導入文が入ります。この記事に関する導入文が入ります。この記事に関する導入文が入ります。この記事に関する導入文が入ります。

写真が1枚の場合のレイアウトです。次の行の情報をの距離が近いと感じた場合はスペーサーを入れると感覚を空けることができます。(文字の下に10pxのスペーサーを入れています。)


写真が2枚の場合のレイアウトです。ここでは文字の上に30px、文字の下に10pxのスペーサーを入れています。(スマホでは縦に表示されます。)



写真を3枚並べることもできます。(スマホでは縦に表示されます。)

写真の下にキャプションを入れることもできます。

写真の下にキャプションを入れることもできます。
見出しの「h6」を使うと下線付きの見出しになります。
見出しH6の下に段落で文章を書くことで、見出し+文章のセットが構成できます。

写真と文章を横に並べることでもきます。
読み物っぽい作りになります。