Javascript 为什么插入后文本不显示<；span>；？

当单词“unit”位于 我如何解决这个问题

.p1{
                display: none;
                position:absolute;
                left:22%;
                top:80%;
                font-family: "Comic Sans MS";
                font-size: 20px;
                background-color: white;
                border: 2px solid;
                border-radius: 5px;
                width: 20%;
                text-align: center;

            }

---

正方形的周长=看起来您忘记关闭
标记了
 您需要更正您的
span
标记。它缺少第一次关闭
：
正方形周长=单位
此外，CSS中有
display:none
，这意味着它将不可见，但这可能是您已经知道的。如果您没有意识到这一点，并且希望将跨度用作空间，那么您应该将其更改为：

#perimeter { visibility: hidden; }

这里有一个解释性链接：
正方形周长=**单位

我有一个粗体的标签，你在你的行中漏掉了，用我的更新你的行
看起来你有未关闭的标签。。这是固定代码
正方形周长=单位
父类
p1
有
显示：无因此所有子元素都不会显示up@Ivan请不要在EDT时更正代码错误，这可能是问题的核心
#perimeter { visibility: hidden; }

<p class="p1">Perimeter of square = <span id="perimeter"**>**</span> units</p>