Html 将表格标题与表格左侧对齐，同时将所有内容居中

我创建了一个带有标题的html表格，我想垂直对齐元素，使它们从同一位置开始，同时在中心对齐。我找到了一种对齐和居中的方法，但一旦居中，它们就不再从同一条线开始

我希望它看起来像：

我的代码是：

.flex容器{
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
}
th{
文本对齐：左对齐；
}
.flex容器>div{
填充：10px；
}
.h1_租金{
文本对齐：居中
}
表格中心{
左边距：自动；
右边距：自动；
}

布琼根
拉德斯坦
Nötige Distanz
贝金
恩德
60
100
02.04.2020 08:00
02.04.2020 12:30
10
50
08.04.2020 11:45
08.04.2020 19:00
33
222
12.04.2020 09:00
12.04.2020 16:15

我将容器居中，并设置

宽度：适合内容。
然后，标题应与（容器的）左侧对齐


.flex容器{
宽度：适合的内容；
保证金：0自动；
}
th{
文本对齐：左对齐；
}
.flex容器>div{
填充：10px；
}
.h1_租金{
文本对齐：左对齐
}
表格中心{
左边距：自动；
右边距：自动；
}

布琼根
拉德斯坦
Nötige Distanz
贝金
恩德
60
100
02.04.2020 08:00
02.04.2020 12:30
10
50
08.04.2020 11:45
08.04.2020 19:00
33
222
12.04.2020 09:00
12.04.2020 16:15
我将容器居中，并设置
宽度：适合内容。
然后，标题应与（容器的）左侧对齐


.flex容器{
宽度：适合的内容；
保证金：0自动；
}
th{
文本对齐：左对齐；
}
.flex容器>div{
填充：10px；
}
.h1_租金{
文本对齐：左对齐
}
表格中心{
左边距：自动；
右边距：自动；
}

布琼根
拉德斯坦
Nötige Distanz
贝金
恩德
60
100
02.04.2020 08:00
02.04.2020 12:30
10
50
08.04.2020 11:45
08.04.2020 19:00
33
222
12.04.2020 09:00
12.04.2020 16:15
删除
CSS
立即检查


.flex容器{
最大宽度：500px；
保证金：0自动；
}
th{
文本对齐：左对齐；
}
表格中心{
宽度：100%；
}

布琼根
拉德斯坦
Nötige Distanz
贝金
恩德
60
100
02.04.2020 08:00
02.04.2020 12:30
10
50
08.04.2020 11:45
08.04.2020 19:00
33
222
12.04.2020 09:00
12.04.2020 16:15
删除
CSS
立即检查


.flex容器{
最大宽度：500px；
保证金：0自动；
}
th{
文本对齐：左对齐；
}
表格中心{
宽度：100%；
}

布琼根
拉德斯坦
Nötige Distanz
贝金
恩德
60
100
02.04.2020 08:00
02.04.2020 12:30
10
50
08.04.2020 11:45
08.04.2020 19:00
33
222
12.04.2020 09:00
12.04.2020 16:15
运行脚本时，只有
未与图像左对齐，这是您要更改以使其左对齐的内容吗？是，以便h1从表的开头开始。运行脚本时，只有
未与图像左对齐，这就是您要更改以使其左对齐的内容吗？是的，以便h1从表的开头开始。为什么设置
max width:500px？为什么设置
最大宽度：500px很重要？我喜欢它非常清晰！我认为您可以删除
.h1_rentings{text align:left}
，因为它不需要。so
width：适合内容使其响应于保证金？是的，我保留了它，因此它更清晰。但你是对的，我喜欢它很清楚！我认为您可以删除
.h1_rentings{text align:left}
，因为它不需要。so
width：适合内容使其响应于保证金？是的，我保留了它，因此它更清晰。但你是对的