html - 如何使填充左匹配边距：其他元素的自动

我在页眉底部的橙色框中显示了页面标题（见上图）。此框当前将 padding-left 设置为 15%，这使其仅在窗口宽度正确时才匹配下面文本的 margin-left。但是，如果窗口大小发生变化，它们将不再匹配（见下图）。

我希望文本在所有窗口大小中都左对齐。我确实尝试过“填充：0 calc(50% - 540px);” 对于标题，但只有容器的宽度为 1080 像素或更宽时才有效。更重要的是，它似乎在 Microsoft Edge 中不起作用，这是必要的。

关于如何做到这一点的任何建议？是否可以不改变我的元素结构？

标签： htmlcssalignment

如果您希望页面具有响应性，我建议您使用引导程序。