html - 我如何将这两个元素移动到同一行？

Question

这是我的 jsFiddle:http://jsfiddle.net/meltzerj/5XzMZ/

我想修改这个 html/css 以便“？”与“热门歌曲”链接在同一行。更具体地说，我希望它紧挨着“热门歌曲”文本(在它的右侧)，当您将鼠标悬停在链接上时在突出显示的内部。

我无法弄清楚这一点。

Answer 1

我是不是误会了你，还是像移动一样简单？ char 到 anchor ？

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

对不起，如果我没听懂。

编辑:好的，它自己的元素:

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

我>

或许

<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;
}