Привет у меня есть следующие CSS:

div.container {
 height:20px;
 overflow: hidden;
 margin: 15px 0px;
 padding:5px 10px 5px 10px;
 white-space: nowrap;  
}

div.content{
 width:100%;
 float:left;
 display:inline;
}

div.content a {
 float:left;
 padding: 2px 2px;
 border: 1px solid #cccccc;
 text-align:center;
}

div.content a:hover {
 background-color:#433FC1;
 color:#fff;
 text-decoration:none;
}

span.current_link {
 font-weight: bolder;
 float:left;
 padding: 2px 5px 2px 5px;
 margin: 1px 2px 0 2px;
 text-align:center;
}

Вот мой HTML:

<div class="container">
    <div class="content"> 
        Some text      
        <span class="current_link">Current link</span> 
        <a href="#">Link1</a>
        <a href="#">Link2</a>
        <a href="#">Link3</a>
        <a href="#">Link4</a>
        <a href="#">Link5</a>
    </div>
</div>

Теперь я хотел бы получить в моей странице вывода, как это
Some text Current link Link1 Link2 Link3 Link4 Link5 все в той же строке, что и сейчас, мой вывод выглядит так

Some text 
Current link Link1 Link2 Link3 Link4 Link5

Как я могу заставить их появляться в одной строке? благодарю вас

НОВЫЕ ОБНОВЛЕНИЯ:

Я удалил поплавок: слева; из элементов a и span и добавленного пробела: nowrap; к содержанию и теперь мой вывод выглядит так:

Some text Link1 Link2 Link3 Link4 Link5
Current link

Кажется, мы на правильном пути, только текущая ссылка, чтобы встать в той же строке :) спасибо

ДРУГОЕ ОБНОВЛЕНИЕ:

Все появляется в той же строке, когда я удаляю элемент из текущей ссылки с помощью firebug, но это содержимое генерируется javascript, и я не могу просто удалить тег span, потому что больше страниц используют один и тот же javascript.