html标题和链接在同一行

Question

我是 CSS 新手。我想在同一行的中心显示一个标题 h2，在右端显示一个链接。

我尝试了几个选项，但所有选项都将标题向左对齐。感谢您的帮助。

谢谢。

Answer 1

有几种方法可以做到这一点。我能想到的最简单快捷的方法是使用父 div 并将标题和链接放在其中。所以你的 HTML 看起来像这样:

<div class="test">
    <h2>Heading comes here</h2><a href="">Link comes here</a>
</div>

你的样式可以如下:

.test {
    text-align: center;
}
h2 {
    display: inline-block;
}

a {
    float: right;
}