Html 斯潘元'；在页脚中右对齐

我有几个span元素填充了我的页脚，我正在努力使版权span正确对齐，而不是与所有其他元素捆绑在一起。你能告诉我哪里出了问题吗

<footer>

    <span>Blog</span><span>Hire</span><span>About</span><span id="copyright">Copyright &copy; 2012 Max Kramer</span>

</footer>

footer {
    width:  50%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

footer span {
    display: inline-block;
}

footer span #copyright{
    text-align: right;
}

BlogHireAboutCopyright©；2012年马克斯·克莱默
页脚{
宽度：50%；
身高：100%；
左边距：自动；
右边距：自动；
}
页脚跨距{
显示：内联块；
}
页脚跨距#版权所有{
文本对齐：右对齐；
}

首先，删除span与其ID之间的空格-它们是相同的元素，而不是嵌套在span内的ID。第二，使用浮点，而不是文本对齐：）

您也可以这样做：

footer #copyright{
  float: right;
}

---

您也不需要为跨距指定“内联块”-这是“显示”的默认值。

跨距是流对象，意味着它没有宽度。要给它一个宽度，它需要是一个块元素，它将给你一个宽度，使它右对齐。但通过使其成为

块

，它将被下推到其他跨距下方的行，这使您需要将其向右浮动

您需要：

#copyright {
    text-align: right;
    display: block;
    float: right;
}

#copyright {
    text-align: right;
    display: block;
    float: right;
}