如何使按钮与搜索栏内联？

<div class="search-container">
  <input type="text" class="search-bar" placeholder="搜索...">
  <button class="search-button">搜索</button>
</div>

.search-container {
  display: inline-block;
}

.search-bar {
  width: 200px;
  padding: 5px;
}

.search-button {
  padding: 5px 10px;
  background-color: #007bff;
  color: #fff;
  border: none;
}