为什么single.php中的p元素没有实现？

我在Vibro这个组织工作，我是网站负责人。我们每个文章上都有一个带有社交图标的共享框。我们希望在框中的图标前面添加文本“del:”（挪威语中的意思是共享）。当我进入single.php并在文本中添加了一个段落元素时，代码将无法实现

你知道为什么，以及如何修复它吗

我已经尝试过：纠正语法错误，删除缓存和缩小css，尝试用空格缩进，并将p元素放在ul之外。不行！也许这些改变需要一段时间才能实现，我今天早些时候做了一些改变，但后来没有做

下面是single.php中的代码：

<div class="box-social">
<ul class="social social</ul>
<p>Del:</p>
<li>
<a class="circle-icon" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=<?php the_permalink(); ?>"><i class="fa fa-facebook" aria-hidden="true"></i>
</a>
</li>
<li>
<a class="circle-icon" target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&summary=&source="><i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
</li>
<li>
<a class="circle-icon" target="_blank" href="https://twitter.com/home?status=<?php the_permalink(); ?>"><i class="fa fa-twitter" aria-hidden="true"> 
</i>
</a>
</li>
</ul>
</div>

您提供的代码具有无效的标记。
您可以使用类似的方法来验证html

代码的一个问题是
元素p在此上下文中不允许作为元素ul的子元素。

我修复了坏掉的
，并将
移到它前面

<div class="box-social">
<p>Del:</p>
   <ul class="social social">
      <li>
         <a class="circle-icon" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=<?php the_permalink(); ?>"><i class="fa fa-facebook" aria-hidden="true"></i>
         </a>
      </li>
      <li>
         <a class="circle-icon" target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&summary=&source="><i class="fa fa-linkedin" aria-hidden="true"></i>
         </a>
      </li>
      <li>
         <a class="circle-icon" target="_blank" href="https://twitter.com/home?status=<?php the_permalink(); ?>"><i class="fa fa-twitter" aria-hidden="true"></i>
         </a>
      </li>
   </ul>
</div>


德尔：









将代码块裁剪为所需的代码您指的是整个文件吗？或者仅仅是方框？很难阅读您的代码块，因此只包含与您的问题相关的代码，而不是整个脚本。阅读此内容并更新您的问题：也许您应该详细说明您试图在其中添加的内容。您在元素之前提到了
del:
？我尝试了不同的缩进，但我听说这并不重要。ul需要类“社交添加”，你已经删除了“社交添加”。@AlexanderMyrvold看看你粘贴的代码，上面写着
Ops！那是我的错。它应该说是社交添加：）