为什么我的文字不能向右浮动？

Question

基本上我希望登录链接位于右侧，我的徽标位于其中。我仍然是CSS的新手，我已经尝试了所有我能想到的代码。这是HTML：

<!--header-->
    <div id="header">
        <a href="#" id="logo">IMG</a>
        <a href="" id="signIn">Sign into CGC!</a>   
    </div>

这是CSS：

#div header{
font-family; sans-serif;

}
#div a signIn{
    float: right;
}

任何建议都将受到赞赏。

Answer 1

您的选择器不正确：

div#header{
  font-family; sans-serif;
}

div#header a#signIn{
  float: right;
}

Answer 2

由于您已经分配了ID，因此可以使用：

 #signIn{
    float: right;
 }

您的代码指定一个'signIn'元素，它是一个锚元素的子元素，它是ID为'div'的元素的子元素。希望很清楚。

标题

也是如此

 #header{ 
   font-family; sans-serif;
 }

Answer 3

使用此代码：

<强> Fiddle:

CSS：

div#header{
font-family; sans-serif;

}
div a#signIn{
    float: right;
}