Html 将元素放置在已包装文本的右上角

以下简单场景说明了未包装文本时所需的结果：

.container{
高度：300px；
宽度：600px；
}
.集装箱h1{
右边距：300px；
位置：相对位置；
}
.集装箱，上面{
字体大小：0.5em；
位置：绝对位置；
排名：0；
}

包装文本
在上面

您可以尝试将

上的
显示：flex
与
上的
垂直对齐：super
组合在一起


.container{
高度：300px；
宽度：600px；
}
.集装箱h1{
显示器：flex；
右边距：350px；
位置：相对位置；
}
.集装箱，上面{
字体大小：0.5em；
垂直对齐：超级；
}

包装文本
在上面
您可能已经尝试了正确的方法：0，但这并不能完全解决问题…不确定纯css解决方案，也在等待它…）是的，那只会引起更多的问题。现在，上面的
位于
的右侧（它可能比文本的宽度更大，在我的例子中也是如此）。将
保留在右边
作为
未设置
似乎会自动将
定位在最后一个单词的右边。我只是想做同样的事情，除了第一行的最后一句话。我想你在这里期望太高了。如果它变得很窄，以至于第一行上只有“The”一个字，那么第二行上的“Wrapped”将使h1元素本身比“The”宽得多，即使使用内联块或任何flex收缩功能。。。所以“上面”必须以一个不确定的、不可量化的数量向左边爬行。。。我现在看不到使用任何当前可用的CSS技术会发生这种情况。即使使用简单的js修复程序，在某些特定情况下-这也不起作用：。上面的位置正确，但第二行中的文本长度会产生问题。。。所以，也许更高级的js解决方案可以帮助…@CBroe，我明白你的意思，不过我对你所描述的没意见。只要上面的文字正好位于最长一行中最后一个单词的右边，就行了。我将编辑我的问题。这不完全有效；对齐方式取决于
右边距设置的内容。是否确定？如果在换行时您指的是单词“Wrapped”和“over”之间的可视间距，则这是由于实际的空格字符未换行造成的。编辑：我现在明白你的意思了！很接近，但我认为这不太管用。看见当单词wrap“over”位于
元素的右边缘，而不是文本的左边缘时（根据需要）。出于某种原因，当文本没有被包装时，它似乎工作得很好——只是当它被包装时就不行了。