Question

我正在从一个完美发生的数据库中加载名称/等级...但是，与该人相关的等级是由于某种原因下降到下一行并且我无法弄清楚为什么，你可以看到在这张图片中：http://i.stack.imgur.com/rqhjp.png

我希望这个数字等级在同一条线上，在右边对齐，但我无法弄清楚为什么它会被推到下一行。这是我的php：

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

它引用的CSS：

}

#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;
}

Answer 1

不是使用p和align，而是将成绩放在span和float右侧。您可以在this fiddle中看到它正常工作。

Answer 2

'p'是一个块元素，默认情况下为100％宽度。您可以在p标签上设置宽度，也可以向右浮动。

Answer 3

我认为，如果你想展示每个人，你应该使用表而不是divs

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

3 个答案: