css - 水平对齐 h2 和 a 元素

Question

我在这样的 div 中有一个h2和一个元素：a

<div>
    <h2>Header...</h2>
    <a href="#">the link</a>
</div>

我想在不使用 display inline-block的情况下水平对齐 h2 元素旁边的锚元素。另外，如果我float:left在 h2 元素和float:righta 元素上使用，它们会相距太远（我希望它们彼此相邻）

请提供任何帮助

谢谢

Answer 1

h2 {
float: left;
}

a {
float: left;
}

根据您的需要调整margin它们之间的值，不要忘记在这两个元素之后使用 clear 属性

Answer 2

将锚点放在标题内？使用浮子？你试过什么吗？

将它们都向左浮动并在 H2 上放置一个右边距。根据需要添加尽可能多的边距。