みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

HTMLが反映されない(ブログの囲み枠)

WORDPRESSでブログを書いているのですが、文中に「囲み枠」を配置したくなりました。
その際、HTMLコードを入力したのですが、上手くいきません。
なぜか下書きでは順調に表示されますが(左)、プレヴューで見ると、タイトルと本文が別れてしまいます(右)。
原因が解る方ご教示お願い致します。

*使用テーマ:COCOON
<コード>
<div style="background: #ff6666; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>見出しタイトル</strong></div>
<div style="background: #ffffff; padding: 10px; border: 2px solid #ff6666; border-radius: 0 0 10px 10px;">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p></div>

投稿日時 - 2019-06-17 22:23:46

QNo.9626798

困ってます

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.1

試しになんですが。
ソース上で</strong>の後ろの</div>のあとの改行を止めてはどうでしょうか。もしくは</div>の後ろではなく</strong>の前で改行して、<div style~>の前の改行は消します。

</div><div style="background: #ffffff; padding: 10px; border: 2px solid #ff6666; border-radius: 0 0 10px 10px;">

などのようにします。
ソース上で改行するとわずかにスペースが入ってしまうことがあるので、私などは</p><p>のように開始タグと閉じタグをセットにして並べて書くようにしています。

投稿日時 - 2019-06-17 23:04:34

あなたにオススメの質問