<li>の直後に<p>を入れると改行してしまう

[mpex]

Dawnテーマを使用しています。

ページエディタで以下のようなコードを入力すると

<ul>
  <li><p>あああ</p></li>
  <li><p>いいい</p></li>
  <li><p>ううう</p></li>
</ul>

点の直後に改行されて以下のようになってしまいます。

・
あああ
・
いいい
・
ううう

パソコン上にhtmlファイルを作成してChromeで表示すると改行されませんし、ネットで<li><p>を使っている例を見ても改行されていませんでした。

どのようにすれば改行されないようにできるかわかりませんでしょうか。

[株式会社フルバランス · Accepted solution]

質問拝見しました。

Dawnテーマを使用している場合、CSSのスタイルがリストアイテムに適用されているため、改行が発生することがあります。これを回避するには、カスタムCSSを追加して、リストアイテムの表示方法を調整する必要があります。

ul li p{
display:inline;
}

これにより、<li>内の<p>タグがインライン表示になり、改行がされないかと思います。

ご参考にしていただけますと幸いです。

お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。
何卒よろしくお願いします。

株式会社フルバランス

[mpex]

試したところ、無事に改行されなくなりました。

ご回答ありがとうございました。

[株式会社フルバランス]

解決したようでよかったです。

また何かありましたらお気軽にご相談していただければと思います！

何卒よろしくお願いします。

株式会社フルバランス