<p style="line-height: 1.2em;"> の中で改行<br>は効かないため代替手段はございますでしょうか？

Question

お世話になっております。

件名の通りなのですが

<p style="line-height: 1.2em;">
hogehoge<br>
fugafuga<br>
piyopiyo<br>

とした時
line-height: 1.2em;が効きません……

<br>で改行している上記の場合全部<p>でやらないと駄目なのは理解出来るのですが
代替手段は無いのでしょうか？

初心者の質問失礼しますが
上記お問い合わせいたします。

Comments

[x_x]

もちろん効いているのですが、どのようなものを想定しているのでしょうか？

[moitaro]

途中の<br>で効いているブラウザあるのですね……　失礼しました。　途中の<br>で改行してもstyle="line-height: 1.2em;"が効いていないという事は上部のCSSが悪さしているのかな……　コメントありがとうございました。

[x_x]

効いていないというのはどういう状態でしょうか？ 一度ここでポチポチと選択してみてもらえますか？ https://developer.mozilla.org/ja/docs/Web/CSS/line-height

[moitaro]

X_X様　一番最後の行しか効いていない気がするのです……

[x_x]

上に挙げたMDNでも最後の行しか効いていないのでしょうか？

[moitaro]

いえMDNだと効いております……　ということはどこかのcssで何かやっている気がしております……

Answer 1

line-height: 1.2em;が効きません……

効いてますね
効かないというのはどういう状態になっているということでしょうか？

Comments

[moitaro]

失礼しました。
hoge
fuga
piyo　　の最後の行だけ効いているようだったので
cssの問題かも知れまんね……　失礼しました。

[yambejp]

<p style="line-height:3em;background-Color:red;">
hogehoge<br>
fugafuga<br>
piyopiyo<br>
</p>

のようにするとわかると思います。
各行を3行分にしてその真中に文字が記載されます
(空行)文字(空行)(空行)文字(空行)(空行)文字(空行)
になりますよね？

[moitaro]

ああああああああああああああ　分かりました。はっきり言って私の勘違いでした……

皆様失礼しました。