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

我有一个WordPress快捷码函数，对于debug，我将它减少到只有这两行

$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;

添加到收藏夹

”； 返回$detail； 问题出现在wordpress显示其他代码的前端。更准确地说（取自视图源）

添加到收藏夹 关闭

标记丢失

---

你知道为什么会发生这种情况，以及我如何防止这种情况吗。

浏览器会修复你损坏的HTML

不要把

放在

里面

---

无法在DOM中的

中放置
元素，因为打开的
标记将自动关闭
元素。
浏览器修复损坏的HTML

不要把
放在
里面

无法将
元素放置在DOM中的
中，因为打开的
标记将自动关闭
元素。
尝试不要在p元素中添加div元素，尝试在p的内部使用span而不是div。这实际上不会影响短代码输出，但仍然..尝试不在p元素内部添加div元素，尝试在p的内部使用span而不是div。这实际上不会影响短代码输出，但仍然..Ups-我想你明白了-一旦我用span更改了p内部的div，一切都会正常。谢谢你花时间查看。Ups-我想你明白了-一旦我用一个跨距改变了p内的div，一切都正常。谢谢你抽出时间来看我。
   <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>