Html 水平放置2个按钮

我想知道如何水平放置两个按钮，两个按钮之间留有空间

有人可以分享任何简单的html和css代码片段吗

---

我找不到任何好的示例

有多种方法，下面是一个非常简单的浮点数示例：

示例
例2
钮扣{
浮动：左；
}
.按钮-2{
左边距：15px；
}

我强烈鼓励你们去学习CSS教程，它会教给你们一些奇妙的东西

---

注意：如果按钮不需要浮动，默认情况下它们会相邻。但是对于像div这样的元素，您需要浮动。

取决于您试图用页面的其余部分实现什么，在布局方面，以及您希望应用于其他按钮和其他HTML控件的样式

HTML:

上面的HTML/CSS将在每个按钮的左侧放置一个20像素的边距。如果您只需要将它应用于一个按钮，那么您将需要一个单独的类或一些内联样式来实现这一点

例如

CSS:

然后仅将此样式应用于第二个按钮

HTML:

按钮2

或者你可以直接内联使用，如果不太可能再次使用的话

<button style="margin-left:20px;">Button 2</button>

按钮2

为什么“12”不能满足您的要求？这太简单了。我立刻想到了@David的建议。如果你想为这些按钮指定一个边距，那么就通过CSS设置它。我需要它们之间有空间。我对web开发非常陌生。对于新手的问题，我很抱歉

<button>Button 1</button>
<button>Button 2</button>

button {
    margin-left:20px;
}

.buttonSpaced {
    margin-left:20px;
}

<button class="buttonSpaced">Button 2</button>

<button style="margin-left:20px;">Button 2</button>