Html 如何对齐用户配置文件图像和名称+；其他信息

我已经能够创建一个截面的个人资料图片和名称和位置和一些其他信息的权利的形象。然而，要用这些信息调整图像，我必须通过额外的步骤使其看起来可以接受，但编码方面并不准确，因为这可能会造成跨浏览器问题

以stackoverflow的方式，我可以使用什么CSS创建用户配置文件pic和姓名以及其他信息，例如：

这上面的部分就是我要找的。我还在学习的过程中。谢谢

代码如下：

#manpic {
    margin-left:30px;
    margin-top:20px;
    background-color: #FFFFFF;
    padding: 5px;
    display:block;
} 

#manname {
    color: #D7D7D7;
    margin-left: 150px;
    margin-top:-60px;
    font-family: "Lucida Grande", Verdana;
    font-weight:bold;
    font-size: 20px;
}

---

我看不出你的代码有任何问题，除了填充可能有问题，请测试一下

我会使用IEtester在IE7和IE8中检查页面

在Firefox、Safari和Chrome中测试。 如果在那些浏览器中看不到任何东西，那么我真的不会担心代码

如果您使用的是浮动，那么请确保已清除。在IE中，我发现填充很糟糕，在大多数情况下，应该使用边距来调整div之间的间距

希望对你有所帮助

---

Chris

我看不出你的代码有任何问题，除了填充可能有问题，请测试一下

我会使用IEtester在IE7和IE8中检查页面

在Firefox、Safari和Chrome中测试。 如果在那些浏览器中看不到任何东西，那么我真的不会担心代码

如果您使用的是浮动，那么请确保已清除。在IE中，我发现填充很糟糕，在大多数情况下，应该使用边距来调整div之间的间距

希望对你有所帮助

---

Chris

你有任何HTML和CSS可以发表评论吗？#manpic{左边距：30px；上面距：20px；背景色：FFFFFF；填充：5px；显示：block；}manname{color:#D7D7D7；左边距：150px；上面距：-60px；字体系列：“Lucida Grande”，Verdana；字体重量：粗体；字体大小：20px；}@AAA：不要发表评论@eric是新来的，为什么不呢？@AAA:以后再编辑原帖吧。这意味着你不必把它作为对每个答案的评论来发布，并且让它更清晰。另外，如果你把它缩进四个空格，它会对它进行颜色编码，正如我在上面编辑你的文章时所做的那样。你有任何HTML和CSS可以发表评论吗？#manpic{左边距：30px；右边距：20px；背景色：#FFFFFF；填充：5px；显示：block；}#manname{颜色：#D7D7D7；左边距：150px；右边距顶部：-60px；字体系列：“Lucida Grande”，Verdana；字体重量：粗体；字体大小：20px；}@AAA：不要将其作为评论发布！@eric新加入该网站，为什么不？@AAA：以后只需编辑原始帖子。这意味着您不必将其作为评论发布到每个答案上，并且使其更清晰。此外，如果您将其缩进四个空格，它会对其进行颜色编码，就像我编辑您的帖子所做的那样。嘿，克里斯，这是我正在使用的代码：#manpic{左边距：30px；左边距：20px；背景色：#FFFFFF；填充：5px；显示：块；}#manname{颜色：#D7D7D7；左边距：150px；右边距顶部：-60px；字体系列：“Lucida Grande”，Verdana；font-weight:bold；font-size:20px；使用负数拖动上边距不会产生问题吗…？是的，上边距不需要-60px，除非需要在影响它的div的下方或上方解决。嘿，Chris，这是我正在使用的代码：#manpic{左边距：30px；左边距：20px；背景色：#FFFFFF；填充：5px；显示：块；}#manname{颜色：#D7D7D7；左边距：150px；右边距顶部：-60px；字体系列：“Lucida Grande”，Verdana；font-weight:bold；font-size:20px；通过使用负数拖动上边距不会产生问题吗…？是的，上边距不需要-60px，除非需要解决影响它的div的下方或上方。