HTML/CSS向左对齐，但保持居中

我有这样的代码：

桌子{
宽度：20%；
边框：1px纯黑；
}
.player_线{
显示器：flex；
对齐项目：居中；
}
.player_左，
.玩家(右){
弹性：1；
边框：1px纯红；
}
.player_化身{
边界半径：50%；
宽度：40px；
高度：40px；
右边距：5px；
边缘顶部：5px；
边缘底部：5px；
背景重复：无重复；
背景尺寸：封面；
背景位置：中心；
}
长用户名
不长的名字
超长的名字

对此进行修改：

.player_line {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}

---

不确定红线是否是一个要求，但我会尝试一个非常简单的解决方案，像这样，设置一个可以根据内容增长的容器，并将其放在体内。下面是一个例子：

正文{
宽度：100%；
填充：0；
保证金：0；
}
.集装箱{
显示器：flex；
证明内容：中心；
宽度：100%；
}
.内容{
显示器：flex；
弯曲方向：立柱；
填充：10px；
位置：相对位置；
}
.player img{
宽度：20px；
}

名字1
名字再长一点
说出一个很长的名字

谢谢，就是这样！我的代码出了什么问题。你能推荐我吗。