html - 跨度不会在页脚中右对齐

Question

我有几个跨度元素填充了我的页脚，我正在尝试使版权跨度右对齐，而不是与所有其他元素捆绑在一起。你能告诉我哪里出错了吗？

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

Answer 1

首先，删除 span 和它的 ID 之间的空格 - 它们是相同的元素，而不是嵌套在 span 中的 ID。其次，使用 float ，而不是文本对齐:)

footer span#copyright{
  float: right;
}

你也可以这样做:

footer #copyright{
  float: right;
}

您也不需要为 span 指定“inline-block”——无论如何，这是它们“display”的默认值。