如何使这两个按钮处于同一级别？

<button class="button1">按钮1</button>
<button class="button2">按钮2</button>

.button1, .button2 {
  display: inline-block; /* 将按钮显示为行内块元素，使其水平排列 */
  padding: 10px 20px; /* 设置按钮的内边距 */
  margin: 0; /* 清除按钮的外边距 */
  border: none; /* 清除按钮的边框 */
  background-color: #f1f1f1; /* 设置按钮的背景颜色 */
  color: #333; /* 设置按钮的文字颜色 */
  text-decoration: none; /* 清除按钮的下划线 */
  font-size: 16px; /* 设置按钮的字体大小 */
}

.button1:hover, .button2:hover {
  background-color: #ddd; /* 设置鼠标悬停时按钮的背景颜色 */
}