html中两个button到最右边中间有空隙在button中加属性

要将两个button放到最右边中间并添加属性，可以使用Flexbox布局实现。

HTML代码：

<div class="container">
  <button class="button" id="button1">Button 1</button>
  <button class="button" id="button2">Button 2</button>
</div>

CSS代码：

.container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.button {
  margin-left: 10px; /* 添加空隙 */
}

.button:hover {
  background-color: lightblue; /* 添加属性示例 */
}

在上面的代码中，我们将两个button放在一个容器内，并将容器的display属性设置为flex，这样容器内的元素将使用Flexbox布局。通过justify-content: flex-end将两个button放到容器的最右边，align-items: center将两个button垂直居中对齐。

为了在button之间添加空隙，我们为.button类添加了margin-left属性。

为了演示添加属性，在上面的代码中为.button类添加了:hover伪类选择器，当鼠标悬停在button上时，背景颜色变为浅蓝色。你可以根据需要添加更多的属性