如何在一个div中设置两个按钮的样式

<div id="buttonContainer"></div>

#buttonContainer {
  display: flex;
  width: 200px;
  height: 50px;
  background-color: #f2f2f2;
}

var buttonContainer = document.getElementById("buttonContainer");

var button1 = document.createElement("button");
button1.innerHTML = "按钮1";
button1.style.marginRight = "10px"; // 设置按钮之间的间距
button1.addEventListener("click", function() {
  // 按钮1的点击事件处理逻辑
});

var button2 = document.createElement("button");
button2.innerHTML = "按钮2";
button2.addEventListener("click", function() {
  // 按钮2的点击事件处理逻辑
});

buttonContainer.appendChild(button1);
buttonContainer.appendChild(button2);