如何将flexbox导航栏向右对齐？

.nav-container {
  display: flex;
  justify-content: flex-end;
}

.nav-item {
  margin: 0 10px; /* 可选：设置导航栏项目之间的间距 */
}

<div class="nav-container">
  <div class="nav-item">导航项1</div>
  <div class="nav-item">导航项2</div>
  <div class="nav-item">导航项3</div>
</div>

.nav-container {
  display: flex;
  justify-content: flex-end;
}

.nav-item {
  margin: 0 10px;
}