Html 需要使两个按钮在中心左右对齐几个像素

需要使两个按钮在中心左右对齐几个像素 我需要div left在中心左侧1px处。和权利是它的1倍权利

你知道怎么做吗

.btn{
字体系列：helvetica；
字体大小：粗体；
填充：10px；
边界半径：2px；
颜色：黑色；
边框：2件纯黑；
背景色：白色；
宽度：100px；
文字装饰：无；
}
.btn2{
字体系列：helvetica；
字体大小：粗体；
填充：10px；
边界半径：2px；
颜色：白色；
边框：2倍纯白；
背景色：黑色；
宽度：100px；
文字装饰：无；
}
D.左{
保证金：自动0；
文本对齐：左对齐；
}
戴维特先生{
保证金：自动0；
文本对齐：右对齐；
}

使用flexbox：

.box{
显示器：flex；
宽度：100%；
}
左边
.对{
宽度：100%；
}
.左{
文本对齐：右对齐；
右边距：10px；
}
a{
字体系列：helvetica；
字体大小：粗体；
填充：10px；
边界半径：2px；
边框：2件纯黑；
宽度：100px；
文字装饰：无；
}
.btn{
颜色：黑色；
背景色：白色；
}
.btn2{
颜色：白色；
背景色：黑色；
}

---

我创建了一个代码笔，显示如何使其工作：

父元素需要在其上设置display:flex。每个孩子的一侧都需要一个自动边距。我相信还有其他方法可以解决这个问题

代码片段：

HTML:

---

请把HTML也包括在内。@Potta更新你的问题的HTML，而不是在评论中bro@dungmidsidenp在那里

<div class="container">
  <div class="divleft">
    <a href="en.wikipedia.org/wiki/Memento_mori" class="btn">Memento</a>
  </div>
  <div class="divright">
    <a href="discord.gg/j9Bh6mSjf2" class="btn2">Mori</a>
    </div>
</div>

.btn {
  font-family: helvetica;
  font-weight: bolder;
  padding: 10px;
  border-radius: 2px;
  color: black;
  border: 2px solid black;
  background-color: white;
  width: 100px;
  text-decoration: none;
}

.btn2 {
  font-family: helvetica;
  font-weight: bolder;
  padding: 10px;
  border-radius: 2px;
  color: white;
  border: 2px solid white;
  background-color: black;
  width: 100px;
  text-decoration: none;
}

.divleft {
  margin-right: 1px;
  margin-left: auto;
}

.divright {
  margin-left: 1px;
  margin-right: auto;
}

.container {
  display: flex;
}