在不推开相邻元素的情况下自动调整边距

Question

我在左侧有一个 previous 按钮，在 h2 标签的右侧有一个 next 按钮。我希望 h2 标签为 width: 20%; 并让 margin: auto; 居中。问题是它把按钮推到了左边和右边，但我希望它们就在文本旁边。所以理论上我希望按钮位于 h2 标签的边距内，而不是在同一个 div 中。你有什么想法可以解决这个问题吗？

我的解决方案： 如果相邻元素没有可以与之交互的东西，您可以给它们样式margin: -x%;，然后将 x 替换为最适合您的数字。在我的情况下，将按钮直接放在文本旁边是 40%。 问题是你不能再点击左键了，因为他在文本的边缘，所以我最后把按钮和文本一起移动到了一个 div 中，这不是我想要的，但它可以工作，而且比暂时什么都没有。

Answer 1

虽然没有您想要实现的代码或图像，所以我只需要假设它会是什么样子。我现在理解的是你想要一个按钮、一个 h2 标签和一个按钮，所以假设这是你想要的，我想你可以尝试利用 position 属性，你可以在 GeeksforGeeks 或 @987654322 上阅读它@ or MDN docs or can try display: flex you can read about it here GeeksforGeeks or W3school or here at MDN docs or can try floating it and can read about it here at GeeksforGeeks or @987654328 @ 或MDN docs。