Html CSS：在不更改文本顺序的情况下更改文本溢出的方向

我有一些文本，我需要它从容器的左侧溢出（我隐藏溢出）。基本上，我希望它看起来像这样：

显然，你必须你

方向：rtl以执行此操作

问题是这会改变文本的某些顺序：
你好，世界？
显示为
？你好，世界
，
1+2=3
显示为
3=1+2

我尝试过使用unicode bidi属性，但我只能完全从右向左

因此，这里有一个实际的问题：如何让文本从其容器的左侧溢出而不重新排序文本？尝试：

text-align:right;
white-space:nowrap;
overflow:visible;

如果您有一个特定的文本块，则需要对其进行操作，请使用负值尝试
text indent
属性，如下所示：

文本缩进：-20px

但这可能不适用于动态文本
 您需要将英文文本包装成一个具有方向LTR的跨距，溢出的文本具有“inline flex”，如下所示：

<div style="direction:rtl;width:150px;overflow:hidden;text-align:right;white-space:nowrap;">
    <div style="display:inline-flex">
        <span style="direction:ltr;">Hello people, I'm asking: 1+1=2, or what???</span>
    </div>
</div>


大家好，我在问：1+1=2，还是什么？？？

您将获得：

这有点复杂，但我认为这是唯一正确的方法，尽管它不会在IE上完美显示。
不起作用。看见同样，我们的想法是使文本从左侧溢出，而不是从右侧溢出。如果不指定h1宽度并使其向右浮动。它将从左侧溢出。这就是你要找的吗？啊，我明白了。这是个好的开始，谢谢。问题是，我需要隐藏溢出文本（参见第一行的括号）。目标不是隐藏父div的溢出，而是隐藏h1的溢出。实际上，我刚刚意识到我可以添加另一个不可见的父元素来实现这一目的。所以，这是可行的。谢谢你能举一个“预期产出”的例子吗