Css 段落标记强制父项采用flexbox的全宽

我试图创建一个非常简单的布局，其中标题、段落和按钮水平和垂直地与页面中心对齐。我希望

.centered div

占据

.heading

的宽度

问题是段落标记似乎破坏了整个内容，使

.centered div

采用

.container

的宽度，而不是

.heading

的宽度

如果我删除段落

。居中div

将其最大宽度作为

标题的宽度


.container{
显示器：flex；
弯曲方向：立柱；
身高：100%；
宽度：100%；
}
.中心分区{
显示器：flex；
保证金：自动；
自对准：居中；
对齐项目：柔性端；
弯曲方向：立柱；
}
.标题{
显示：内联块；
文本对齐：右对齐；
}
.说明{
显示：内联块；
宽度：50%；
}
.链接按钮{
宽度：自动；
}

相当长的航向

洛雷姆·伊普苏姆·多洛。。。

您可以使用宽度：0；最小宽度：100%带有文本容器，该容器将允许其跟随标题的宽度：


.container{
显示器：flex；
弯曲方向：立柱；
身高：100%；
宽度：100%；
}
.中心分区{
显示器：flex；
保证金：自动；
自对准：居中；
对齐项目：柔性端；
弯曲方向：立柱；
}
.标题{
文本对齐：右对齐；
}
.说明{
宽度：0；
最小宽度：100%；
文本对齐：对齐；
}
.链接按钮{
宽度：自动；
}

相当长的航向

这句话的意思是：“这句话的意思是：这句话的意思是：这句话的意思是：这句话的意思是：这句话的意思是：这句话的意思是：这句话的意思是：这句话的意思是：这句话的意思是

不确定代码段中有什么中断。它正在按预期工作。想通过带有标题的屏幕截图向我们展示这个问题吗？我想这是因为示例中的文本很短。如果段落较长，则会超过标题的长度。