Php HTML/CSS问题：div的一部分被浮动到下一行，我希望它在同一行

我正在从数据库中加载姓名/成绩，这完全是。。。然而，由于某种原因，与该人相关的等级被下一行浮动，我不明白为什么，正如你在这张图片中看到的：

我希望数字等级在同一条线上，在右边对齐，但我不明白为什么它会被推到下一条线上。以下是我的php：

echo '<div class = "name">' . $firstname . " "  . $lastname . "<strong>" . '<p align="right">' . $avg . '</p></strong></div>';

---

不要使用

p

和

align

，而是将分数放在a

span

和

float

的右边。您可以看到它在中工作。

而不是使用

p

和

align

，将等级放在

span

和

float

的右侧。您可以看到它在中工作。

'p'是一个块元素，默认情况下宽度为100%。

---

您可以在p标记上设置宽度，也可以向右浮动。

'p'是块元素，默认情况下为100%宽度。

---

您可以在p标记上设置一个宽度或向右浮动。

我认为如果您想显示每个人，您应该使用table而不是divs

我认为如果您想显示每个人，您应该使用table而不是divs

而不是PHP echo，只需包含它创建的一行HTML即可，只需包含它创建的一行HTML。酷！我还没怎么用跨距，我刚刚开始。。。非常感谢你。我会尽快接受这个答案，没问题。正如@Dickie在他的回答中提到的，

p

标记的问题是，作为块元素，它占据了容器宽度的100%。它还增加了它上面和下面的空间，这使得它被进一步向下推。还请注意，您应该真正使用CSS（就像我在示例中使用的

float:right

），而不是

align

之类的属性。酷！我还没怎么用跨距，我刚刚开始。。。非常感谢你。我会尽快接受这个答案，没问题。正如@Dickie在他的回答中提到的，

p

标记的问题是，作为块元素，它占据了容器宽度的100%。它还增加了它上面和下面的空间，这使得它被进一步向下推。还要注意，您应该真正使用CSS（就像我在示例中使用的

float:right

），而不是

align

之类的属性。

#content .name{
    background: #FFF;
    float:left; 
    width: 220px;
    padding: 0px;
    position: relative;
    margin: 0px;
    font-size: 1.4em;
    border: 2px solid #CCC;
    border-radius: 10px;
}