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

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

使用此代码：

小提琴：

CSS：

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

}
div a#signIn{
    float: right;
}