html - 将字母放在一起/将字母放在容器中？

Question

我需要在链接中显示一个字母而不是另一个字母，并希望它们居中。我试过 postion: relative 和 absolute，但不可能使字母居中。

有任何想法吗？我希望它们完全重叠，不要问我为什么:)

这是代码：

<a href="#">
    <span>O</span>
    <span>B</span>
</a>

我只知道父链接的宽度，但不知道给定字母的宽度是多少。

这是播放宽度的代码：

http://jsfiddle.net/ZYhzJ/

编辑

这是它应该是什么样子的示例（它没有居中，如果我不知道这些跨度的宽度，我不能使用负边距）：

http://jsfiddle.net/ZYhzJ/2/

Answer 1

http://jsfiddle.net/d7Qhq/1/

a {
    text-align: center;
    display: block;
    background-color: red;
    line-height: 50px;
    width: 50px;
    height: 50px;
    border-radius: 100px;

    position: relative;
}

a span {
    position: absolute;
    display: block;
    line-height: 50px;
    width: 50px;
    height: 50px;
}

类似的东西？

Answer 2

http://jsfiddle.net/ZYhzJ/1/

调整高度（和行高=高度的一半）和填充来放置字母。