これらの2つの要素を同じ行に移動するにはどうすればよいですか？

Question

ここに私のjsFiddleがあります：http://jsfiddle.net/meltzerj/5XzMZ/

私はこの "html/css" 「トップソング」リンクと同じ行にあります。具体的には、リンクの上にカーソルを置いたときにハイライト表示の内側にある「トップソング」テキスト（その右側）のすぐ隣に配置します。

私はこれを理解することに問題があります。

Answer 1

私はあなたを間違って拾っているのですか、それとも動かすのは簡単ですか？アンカーにchar？

<a href="/videos" class="top_songs chosen_home_option">Top Songs?</a> 

申し訳ありませんが取得できない場合。

EDIT：OK、それ自身の要素：

<li> <a style="float:left" href="/videos" class="top_songs chosen_home_option">Top Songs <span style="">?</span></a> </l 

I>

または多分

<li> <div class="chosen_home_option"> <a href="/videos" class="top_songs">Top Songs</a> <span style="">?</span> </div></li> 

とCSS問題がディスプレイである

a.top_songs, a.upvoted_songs, a.feed_display, a.find_friends, li.notifications { 

    padding-left:15px; 
    margin-top:2px; 
    border-top-left-radius: 15px 15px; 
    border-bottom-left-radius: 15px 15px; 
    color:black; 
}