我如何在同一条线上移动这两个元素?

时间:2011-05-28 23:56:35

标签: html css

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

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

我无法搞清楚这一点。

1 个答案:

答案 0 :(得分:1)

我接你错了还是像移动一样简单? char进入锚点?

<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

I&GT;

或者

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