Html Firebug中难以理解的标题布局

我试图在Firebug中查看此页面：

我正试图做的是使右上角的登录/注册区域一直向右，但我不知道如何做到这一点。我试图用它自己的div site_login来包围这些东西，但它似乎没有奏效

你知道如何把这些东西放在右上角再靠右一点，这样看起来更匀称吗

以下是我的css的外观：

.banner .site_login {

    height: 20px;
    position: absolute;
  float:right;

    right: 0.5em;

    top: 0.5em;

    color: #fff;

}



.banner .site_login a 
{

    color: #fff;

    text-decoration: underline;

}

.banner .site_login a:hover 
{

    color: #ff0;

}

---

谢谢大家!

看起来您不小心注释掉了结束div标记

把它放回那里（取消评论），然后绝对定位（你总是希望它在同一个地方）：

---

正如浮士德所指出的，您忘记了结束div标记

。另外，我添加了一个

float:right

，它似乎按照您要求的方式工作

顺便说一下，这是一个很棒的银幕名字。我添加了结束标记，并试图添加css，但不知何故，它没有为我做的把戏。我发布了我的css。“现在你能注意到的方式有什么特别的问题吗？”Geeked out：对不起，绝对后的打字错误——应该是分号，而不是冒号。但阿隆的浮动方法也应该奏效。向站点\登录添加填充，使其与标题的上边缘和右边缘保持距离。@Geekeout:还忘了提及此CSS:.banner{position:relative}您需要它来建立作为站点\登录绝对定位坐标网格的横幅。我发布了我的CSS。有些地方仍然不对劲。我应该将登录css与其他html元素分离吗？将样式与.banner分离工作！！！谢谢大家！

 .site_login{position:absolute;width:300px;text-align:right;padding:10px;}
 .banner{position:relative}