如何对齐文本输入旁边的按钮？

<div class="input-container">
  <input type="text" class="text-input">
  <button class="submit-button">按钮</button>
</div>

.input-container {
  display: flex;
  align-items: center;
}

.text-input {
  flex: 1;
  /* 其他样式属性，如宽度、边框等 */
}

.submit-button {
  /* 其他样式属性，如背景色、边框等 */
}