Как настроить отображение div только в одну строку?

Question

У меня есть div, в котором есть кнопка выхода из системы и имя пользователя. Если имя пользователя слишком длинное, оно разделяется очень странно. Я хочу, чтобы он располагался в соответствии с длиной имени и только в одной строке.

Вот как это выглядит ненормальный http://dl.dropbox.com/u/2456451/abnormal.JPG

Вот как это должно выглядеть нормальный http://dl.dropbox.com/u/2456451/normal.JPG

Укажу, что main.php имеет стиль div ...

<div id="logout"><div style="margin-top:-90px ;margin-left:740px;">

И у CSS также есть некоторые правила

#logout{
height:0px;
color: #404040;
padding: 9px;
font-size: 200%;

У меня есть еще один div с именем #page, который содержит все div. Могу ли я выровнять #logout по правой границе #page div?

Заранее спасибо, Nils

Answer 1

Удалить margin-left: 740px и добавить float: right.

В качестве альтернативы добавьте это:

#page {
    position: relative;
}
#logout {
    position: absolute;
    right: 0;
    top: 0;
}