文章が改行した際に行間が狭くなる。その行間を広げたい。

Question

<p>タグで複数の文章を書きました。

１つの文章が改行した時は、その行間が狭くなります。
別の文章同士では、その行間が広いです。
欲を言えば、改行した１つの文章だけの行間だけを広くしてあげたいです。

 <div class="setumei">
          <p>当初は、対象10年に創業した約100年の歴史を持つ和菓子屋です。</p>
          <p>初代社長、佐々木市郎は俳聖松尾芭蕉を敬愛しており、「奥の細道　芭蕉最中」など芭蕉にゆかりのある菓子を作り続けてきました。</p>
          <p>松尾芭蕉が奥の細道の旅の間に見出した概念に「不易流行」というものがあります。</p>
          <p>これは、いつまでも変化しない本質的なものを忘れない中にも、新しい変化を取り入れていくということです。</p>
          <p>当社はこの言葉を経営理念とし、昔からの伝統を守りつつ、時代に流れや新しい変化を取り入れ、常により良い菓子を探求し続けています。</p>
        </div>

CSSでのコードを載せて頂けるとありがたいです。

Comments

[Lhankor_Mhy]

「１つの文章」と「別の文章」とは何のことか、具体的にご提示ください。

[Lhankor_Mhy]

あ、もしかして段落のことですか？
で、「１つの文章が改行した時」は、折り返しのことでしょうか？

[buchiyuu]

そうです！字足らずで申し訳ございません。
別の文章とは段落のことでした。
折り返した時に行間が狭くなってしまう現象をどうにかしたいということです。

Answer 1

行の高さを変えてみてはどうでしょうか。

p{
  line-height: 3;
}

line-height - CSS: カスケーディングスタイルシート | MDN

---

段落間の余白を減らしたいなら、以下の通りです。

p{
  margin: 0;
}

margin - CSS: カスケーディングスタイルシート | MDN

Comments

[buchiyuu]

ありがとうございます。綺麗な見た目になりました！
marginを０にすればよかったのですね！
line-heightを３にした場合上下に１.５、１.５ずつ適用されると考えて良いのでしょうか？また、単位が無かったら、その文字の大きさに対する倍数という認識で大丈夫でしょうか？

[Lhankor_Mhy]

そのとおりです。