格式化html页面中的标题

Question

我需要能够将标题中的文字居中，并在标题的最右侧添加一个链接。请说明是否/如何做到这一点。

标题的格式如下：

                          Centered Text                 Right-justified link

Answer 1

CSS：

.caption {
    text-align: center;    
}
.caption a {
    float: right;    
}

标记：

<div class="caption">
    [Centered Caption]
    <a href="#">[Right-justified Link]</a>
</div>​

• DEMO
• 另一个DEMO，标题以父宽度为中心，而不是可用空间