HTMLで1行空白をあける方法

質問

• HTMLでブログ記事を書くとき、<p>～</p>と次の<p>～</p>の間に一行分の空白を開けたい場合があります。
• 質問者は、<br />を使用して空白を開けていましたが、他の方法を考えたいと思っています。
• 質問者が検討しているのは、スペースを空けた<p></p>を使用する方法ですが、文法的な問題がないか心配しています。

回答No.3

adb1990 · ベストアンサー

再びNo.2です。

<p>文章1</p>
<p>文章2</p>
～1行分の余白～
<p>文章3</p>
<p>文章4</p>
このようにしたいとなると、確かに特定のpタグにその都度classを付けることになりますね。。。

文章1と2の間、3と4の間には余白はいらないということであれば、これらのそれぞれを段落として区切らず
<p>文章1<br />文章2</p>
<p>文章3<br />文章4</p>
として先ほどのようにpタグにCSS設定をすれば、見栄え的には
それぞれの文章ごとに改行され、かつ文章2と3の間にのみ（厳密には文章4の下にもですが）余白ができることになりますが、これだと問題ありますでしょうか…？

<p>～</p>
<p>～</p>
と複数のpタグで区切らなければならない事情が、ブログを拝見しておらずわからないので、
見当違いな回答でしたらすみません。。。

お礼

再度のご回答、本当に有り難うございます。

何度も回答を頂いているのに申し訳ないです。色んな提案、感謝します。

補足

＞複数のpタグで区切らなければならない事情
とのことですが、以下のようにしたいと考えています。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

ここにAというものがある。
ここにBというものがある。

これらはCでもある。

しかし、これらはDではないかという考えもある。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

と、読みやすさを考えてpタグによる空白とプラスもう1行の空白が欲しいときがあります。要は全部で2行分欲しいときがあります（このように言えばよかったですね、混乱させて申し訳ありません）。

いくつかサイトを回るとbr要素を使う方法以外に<p>　</p>で空白を作っているサイトを見かけたのでそれをやろうと思ったのですが、やはり問題ありそうなのでCSSにて指定することにしました。現在、これで再構築中です。

まだ手直しが効く範囲ですので、もう少し回答を待ってみます。もちろん、こちらでももう少し調べてみます。