在同一行中放置HTML标题和链接

Question

6

我对CSS不太熟悉。我想把一个标题h2和一个链接在同一行中，标题居中，链接在右边。

我尝试了几个选项，但是它们都把标题对齐到左边。非常感谢任何帮助。

谢谢。

- shruthi

2个回答

3

请像这样编写：

HTML

<h1>heading <a href="#">link</a></h1>

CSS

h1{
    text-align:center;
}
h1 a{
    float:right;
}

- sandeep

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- sarcastyx · Accepted Answer

有几种方法可以实现这个功能。我能想到最简单和最快的方法是使用父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;
}