CSS使两个按钮水平排列相信很多前端新手们经历过，今天我们就来分享一下具体的实现方法。

.button-wrapper {
display: flex;
justify-content: space-between;
}
.button {
padding: 10px 20px;
border: none;
border-radius: 5px;
background-color: blue;
color: white;
}

以上代码是通过CSS的flex布局实现两个按钮水平排列。其中button-wrapper是装载按钮的容器，通过display: flex;使得该容器具有flex布局的能力，justify-content: space-between;则表示让两个按钮均匀分布在父容器的两端。接下来button的样式是为了美化按钮而设置。

按钮1按钮2

最后，以上的代码依照HTML标准书写前端页面即可实现两个按钮水平排列。