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

问题描述

|| 我正在从数据库中加载名称/等级，这很完美……但是，与人相关的等级由于某种原因而浮动到下一行，我不知道为什么，正如您在此看到的那样图片：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;
}

    

解决方法

        不要将

p

和

align

放到右边的

span

和

float

中。您可以看到它在这个小提琴中起作用。     ,        \'p \'是一个块元素，默认情况下采用100％的宽度。 您可以在p标签上设置宽度，也可以向右浮动。     ,        我认为，如果要显示每个人，则应使用table而不是divs