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

要将元素放在居中元素的右侧，可以使用以下方法：

使用Flexbox布局：将居中元素的父容器设置为Flex布局，然后使用justify-content: center;将元素水平居中，再使用align-items: center;将元素垂直居中。然后在需要放置在右侧的元素上添加margin-left: auto;即可将其推向右侧。

示例代码：

<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;
}

使用绝对定位：将居中元素的父容器设置为相对定位(position: relative;)，然后将居中元素设置为绝对定位(position: absolute;)，并使用left: 50%; transform: translateX(-50%);将其水平居中。再将需要放在右侧的元素设置为绝对定位，并使用right: 0;将其推向右侧。

示例代码：

<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;
}

以上是两种常用的方法，可以根据具体需求选择适合的方式来实现将元素放在居中元素的右侧。