Div中心对齐，文本左对齐，也与菜单左对齐

Question

我在滑块图像上面有这个文字：

我想要的是保持此文本与所有浏览器尺寸的上述屏幕截图完全一致。我遇到的问题是随着浏览器大小变小，左对齐文本不再与菜单中的文本对齐，就像在屏幕截图中一样。

以下是此文字的CSS：

.line-middle{
    text-align: left;
    transform: translateX(-36%) translateY(-50%);
    width: 48%;
 }

即使浏览器尺寸变小，我还能做些什么来保持文本与屏幕截图完全一致吗？