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

Topic summary

Dawnテーマ使用時に、<li>タグの直後に<p>タグを入れると、点(・)の直後で改行が発生してしまう問題が報告されました。

原因:
テーマのCSSスタイルがリストアイテムに適用されているため。

解決策:
以下のカスタムCSSを追加することで解決:

ul li p {
  display: inline;
}

結果:
質問者が提案されたCSSを試したところ、改行が発生しなくなり、問題は解決しました。

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.

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

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


  - あああ

  - いいい

  - ううう

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

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

パソコン上にhtmlファイルを作成してChromeで表示すると改行されませんし、ネットで

  • を使っている例を見ても改行されていませんでした。

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

  • 1 Like

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

    ul li p{
    display:inline;
    }
    

    これにより、

  • 内の

    タグがインライン表示になり、改行がされないかと思います。

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

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

    株式会社フルバランス

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

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

    1 Like

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

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

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

    株式会社フルバランス