div一个居中，一个靠右

要实现一个居中和一个靠右的div布局，可以使用flexbox或者grid布局来实现。以下是两种方法：

方法一：使用flexbox布局

HTML代码：

<div class="container">
  <div class="centered">居中的内容</div>
  <div class="right-aligned">靠右的内容</div>
</div>

CSS代码：

.container {
  display: flex;
  justify-content: space-between;
}

.centered {
  margin: auto;
}

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

方法二：使用grid布局

HTML代码：

<div class="container">
  <div class="centered">居中的内容</div>
  <div class="right-aligned">靠右的内容</div>
</div>

CSS代码：

.container {
  display: grid;
  grid-template-columns: auto auto;
}

.centered {
  margin: auto;
}

.right-aligned {
  justify-self: end;
}

这两种方法都能实现一个居中和一个靠右的div布局，你可以根据具体需求选择其中一种来使用。