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

質問

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

＊使用テーマ：ＣＯＣＯＯＮ
＜コード＞
<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>

回答No.1

Yumikoit

試しになんですが。
ソース上で</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>のように開始タグと閉じタグをセットにして並べて書くようにしています。