Wordpress短代码正在返回已更改的html

Question

我有一个WordPress短代码功能，对于调试建议我将它减少到只有这2行

$detail='<div class="property_design_intext_details"><p style="text-align: right;"><div id="add_favorites" class="isnotfavorite" data-postid="132">add to favorites</div></p></div>';
return $detail;

问题出现在wordpress正在显示其他代码的前端。更确切地说（取自观察源）

   <div class="property_design_intext_details"><p style="text-align: right;"><div id="add_favorites" class="isnotfavorite" data-postid="132">add to favorites</div></div>

缺少结束</p>标记。

任何关于为什么会发生这种情况以及如何防止它的想法。

Answer 1

浏览器可修复损坏的HTML。

请勿将<div>放入<p>。

无法在<div>内的<p>内放置<div>元素，因为开始<p>标记会自动关闭{{1}}元素。