Question

I am not that good with html and css so i am using a template, but whatever i do know i try to use it.

Here is an image of the problem http://i53.tinypic.com/dmw6yt.jpg

As you can see the user test is actually on a new line. That is not how it’s supposed to be. It is supposed to be on the same line as this text “Accounts stats for user X”.

The html and css i use are

<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

If you automatically want it to be on the same line, i would suggest using <span> instead.

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

And if you absolutely need to use divs then:

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

With the CSS:

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

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