php - 个人资料图片对齐问题

Question

我有一个显示用户个人资料数据的页面。

我已使用以下代码对齐字段，

<h4><div class='holder'><span class='plabel'>Name</span> <span class='values'>: $name</span></div></h4><br />

对应的css是，

.holder {
width:700px;
overflow:hidden;
}

.plabel {
float:left;
display:inline-block;
width:150px;
}

.values {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
width:550px;
float:right;
}

现在我尝试将个人资料图像添加到个人资料数据的右侧，如下所示，

姓名:

年龄:照片在这里>

等....

我尝试在名称前使用以下代码，

<span class='ppic'><img src='$url' alt='Profile Pic' /></span>

使用 CSS，

.ppic {
width:200px;
float:right;
}

它向右对齐，但名称等会下降，就好像我插入了换行符一样。

谢谢。

Answer 1

如果你只需要图像保持在右侧，你可以试试这个而不是 float :

.ppic {
width:200px;
position:absolute;
right:0;
}