如何将元素放在居中元素的右侧？

<div class="container">
  <div class="center-element">
    <!-- 居中元素的内容 -->
  </div>
  <div class="right-element">
    <!-- 需要放在右侧的元素内容 -->
  </div>
</div>

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

.right-element {
  margin-left: auto;
}

<div class="container">
  <div class="center-element">
    <!-- 居中元素的内容 -->
  </div>
  <div class="right-element">
    <!-- 需要放在右侧的元素内容 -->
  </div>
</div>

.container {
  position: relative;
}

.center-element {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.right-element {
  position: absolute;
  right: 0;
}