Html 如何在标题开头动态定位段落

这个问题微不足道，但当我开始思考它时，我找不到一个简单而正确的解决办法

我想让我的标题居中，然后我想保持我的段落与标题的开头对齐。我还希望这一段与所有设备上的标题一致，直到770px

我想避免的

JS方法

残酷的断点方法

我想做什么

一些sass混合功能

一些HTML容器逻辑

一些我不知道的方法

以默认宽度为中心

宽度变大

.container.intro面板{
宽度：100%；
高度：650px；
背景图片：url(https://i.imgur.com/M7gDO41.jpg);
背景尺寸：封面；
位置：相对位置；
颜色：白色；
填充顶部：130px；
框大小：边框框；
字体系列：Shrikhand；}
.容器.介绍面板h1{
字体大小：36px；
文本对齐：居中；
字母间距：20px；
文本缩进：30px；
文本转换：大写；}
.容器.介绍面板p{
字体大小：16px；
利润率：-25px0-25.5%；
字母间距：2px；
文本对齐：居中；}
.容器。介绍面板。按钮包装{
宽度：100%；
页边距顶部：160px；}
.container.简介面板.按钮包装.查看更多{
保证金：0自动；
宽度：280px；
高度：40px；
线高：44px；
光标：指针；
字体大小：25px；
文本对齐：居中；
边缘顶部：140px；
背景色：#003DE8；
-webkit剪辑路径：多边形（25%0%、100%0%、75%100%、0%100%）；
剪辑路径：多边形（25%0%、100%0%、75%100%、0%100%）；}

埃德加帕沃斯酒店
专业Web应用程序开发人员

查看更多

您可以通过将标题和文本包装在内联块元素中，然后左对齐文本来实现这一点

请注意，如果您的文本长度超过标题，则标题将居中，标题将与标题左对齐-即最长的项目将居中

.outer{
/*把背景放在这里*/
文本对齐：居中；
}
.中心{
显示：内联块；
文本对齐：左对齐；
}

这是一篇很长的文章
其他一些文本

您可以通过将标题和文本包装在内联块元素中，然后左对齐文本来实现这一点

请注意，如果您的文本长度超过标题，则标题将居中，标题将与标题左对齐-即最长的项目将居中

.outer{
/*把背景放在这里*/
文本对齐：居中；
}
.中心{
显示：内联块；
文本对齐：左对齐；
}

这是一篇很长的文章
其他一些文本

Lorem ipsum dolor sit amet。
洛雷姆·伊普苏姆·多洛。
.集装箱{
显示器：flex；
证明内容：中心；
对齐项目：居中；
}

Lorem ipsum dolor sit amet。
洛雷姆·伊普苏姆·多洛。
.集装箱{
显示器：flex；
证明内容：中心；
对齐项目：居中；
}

---

希望您至少尝试自己编写代码。堆栈溢出不是代码编写服务。我建议你做一些，或者通过谷歌，或者通过搜索，尝试一下。如果你仍然有问题，带着你的代码回来解释你尝试过的。我已经做了研究，如果对任何人都有帮助的话，我可以把我的代码贴在这里。这就是你应该做的…事实上，解决方案非常简单…如果你仔细想想。哈哈，那就启发我，因为我已经完成了我的FE部分，但我无法解决这个简单的问题。希望您至少尝试自己编写代码。堆栈溢出不是代码编写服务。我建议你做一些，或者通过谷歌，或者通过搜索，尝试一下。如果你仍然有问题，带着你的代码回来解释你尝试过的。我已经做了研究，如果对任何人都有帮助的话，我可以把我的代码贴在这里。这就是你应该做的…事实上，解决方案非常简单…如果你仔细想想。哈哈，那就启发我，因为我已经完成了我的FE部分，但我不能解决这个简单的问题。谢谢你的快速帮助，工作得很有魅力。文本对齐：左对齐；是的，中卫搞定了。谢谢你的快速帮助，很有魅力。文本对齐：左对齐；上，中卫做到了。

<div class="container">
    <div>
       <h1>Lorem ipsum dolor sit amet.</h1>
       <h2>Lorem ipsum dolor.</h2>
    </div>
</div>

.container{
   display: flex;
   justify-content: center;
   align-items: center;
}