FROM CACHE - jp_header

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

解決済

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

mpex
観光客
8 0 3

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

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

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

 

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

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

 

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

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

1 件の受理された解決策

株式会社フルバランス
Shopify Partner
1537 549 697

成功

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

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

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


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

株式会社フルバランス

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス

元の投稿で解決策を見る

3件の返信3

株式会社フルバランス
Shopify Partner
1537 549 697

成功

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

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

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


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

株式会社フルバランス

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
mpex
観光客
8 0 3

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

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

株式会社フルバランス
Shopify Partner
1537 549 697

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

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


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

株式会社フルバランス

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス