如何停止按钮在 html 中生成的换行符？答案

【问题标题】：How do I stop the newline that a button makes in html?如何停止按钮在 html 中生成的换行符？
【发布时间】：2022-11-16 17:03:55
【问题描述】：

所以我做了一个网站，我有一个 h1，但是，我想在 h1 的右侧添加按钮，但是当我添加它在 h1 下面创建的按钮时，我只是不知道如何停止换行。

我在网上找遍了，但没有人遇到这个问题，我尝试切换到但它给出了同样的问题......

【问题讨论】：

参见 css 中的浮动。 w3schools.com/css/css_float.asp
当询问有关 HTML、CSS 和/或 JavaScript 的问题时，请花时间发布（相关的）“minimal reproducible example" 问题中的代码以重现问题。

标签： html css

【解决方案1】：

默认情况下，标题是块元素，因此与内联元素不同，它们显示在单独的块中您可以通过将 h1 指定为内联块来覆盖此默认行为

h1 {
  display: inline-block;
}

<h1>Some Header</h1>
<button>Button</button>

【讨论】：