Html 我的</p>；标签会影响我部门的位置。为什么会这样？

我将这个div楔入两个条（其他div）之间，但当我将文本添加到等式中时，div会向下重新定位。它在没有p元素及其子元素的情况下按预期工作。这里有一把小提琴来演示这个问题：

这是导致问题的HTML：

    <p>
        <span class="name">DOLCE & GABBANA</span>
        </br>
        <span class="title">THE ONE</span>
    </p>

---

您需要将

垂直对齐：top

添加到

.videoDesc

：

.videoDesc {
    display: inline-block;
    border: 1px solid #000000;
    border-right: 0px;
    height: 200px;
    width: 500px;
    vertical-align:top;
}

---

默认的垂直对齐是基线，这会导致您看到的行为。

您需要将

垂直对齐：top

添加到

。videoDesc

：

.videoDesc {
    display: inline-block;
    border: 1px solid #000000;
    border-right: 0px;
    height: 200px;
    width: 500px;
    vertical-align:top;
}

---

默认的垂直对齐是基线，这会导致您看到的行为。

您需要将

垂直对齐：top

添加到

。videoDesc

：

.videoDesc {
    display: inline-block;
    border: 1px solid #000000;
    border-right: 0px;
    height: 200px;
    width: 500px;
    vertical-align:top;
}

---

默认的垂直对齐是基线，这会导致您看到的行为。

您需要将

垂直对齐：top

添加到

。videoDesc

：

.videoDesc {
    display: inline-block;
    border: 1px solid #000000;
    border-right: 0px;
    height: 200px;
    width: 500px;
    vertical-align:top;
}

---

默认的垂直对齐方式是基线，这会导致您看到的行为。

是的，就是这样做的。我愚蠢地认为违约率会是最高的。谢谢。是的，这就成功了。我愚蠢地认为违约率会是最高的。谢谢。是的，这就成功了。我愚蠢地认为违约率会是最高的。谢谢。是的，这就成功了。我愚蠢地认为违约率会是最高的。谢谢