如何在同一行html上左对齐带有居中标题的链接

Question

我想做：

<a href="/">Home</a>
<h1>A great page</h1>

href 尽可能靠左的地方，h1 居中，并且它们都在同一层上。

我已经做了href：

<a href="/" style="display:block;float:left;">Home</a>

和h1：

text-align: center;

但是，当我这样做时，h1 不在页面上居中，而是在呈现 href 后页面上剩余的空白处居中。

如何让 h1 居中，就好像左侧的 href 不存在一样？

非常感谢您的帮助！

Answer 1

您可以像这样在链接上使用绝对定位：

h1 {
    text-align:center;
}

a {
    position:absolute;
    left:0;
}

这是JSFiddle。