Html 如何将细节标记居中？

我在

中的

元素中有两行文本，我想对齐这两行的缩进和中心标记。我尝试了一些css样式，但不起作用。有什么办法可以实现吗

我试图在

中嵌套

：

.inline{
显示：内联；
}
摘要：：-webkit详细信息标记{
垂直对齐：中间对齐；
}

测试测试测试测试
测试测试
内部

我只是为您创建了一个工作代码段。我希望它能帮助你。谢谢

摘要{
显示器：flex；
对齐项目：居中；
}
摘要：：-webkit详细信息标记{
显示：块；
}

测试测试测试测试
测试测试
内部

我只是为您创建了一个工作代码段。我希望它能帮助你。谢谢

摘要{
显示器：flex；
对齐项目：居中；
}
摘要：：-webkit详细信息标记{
显示：块；
}

测试测试测试测试
测试测试
内部

请始终显示您尝试过的内容。我不确定标记是否可以通过CSS选择，因为它不在DOM中。请始终显示您尝试的内容。我不确定该标记是否可以通过CSS选择，因为它不在DOM中。在Firefoxin Chrome上不起作用，谢谢！在Safari中也不起作用。它不再起作用了<代码>显示：flex删除标记..在Firefoxin Chrome上不起作用，谢谢！在Safari中也不起作用。它不再起作用了<代码>显示：flex删除标记。。