html - div对齐问题

Question

我不太擅长 html 和 css，所以我使用的是模板，但无论我知道什么，我都会尝试使用它。

这是问题的图片 http://i53.tinypic.com/dmw6yt.jpg

如您所见，用户 test 实际上在一个新行上。这不是它应该的样子。它应该与文本“用户 X 的帐户统计信息”位于同一行。

我用的html和css是

<div class="user">Account stats for user<div class="info">test</div></div>

div.user
{
    font-size: 13px;
    text-align: center;
}

div.info
{
    font-size: 18px;
}

Answer 1

使用行内元素<span>而不是 block 元素 <div>

内联元素适用于您希望在同一行显示的文本等元素，然后在没有足够空间时下降到前一个内联元素的下方。 block 元素旨在用于网站的结构。