Javascript 我想从相同的位置开始文本，并且在一行中右对齐

当前行为

我想将页面右侧的文本对齐一行， 此外，文本应基于同一页面中最长的文本从同一位置开始

现行代码

html:

演示： 期望值

---

一个简单的解决方法是添加一个div容器作为父容器，这样子容器就可以正确对齐

.container{
显示器：flex；
证明内容：之间的空间；
}
.行{
宽度：67%；
显示器：flex；
弯曲方向：立柱；
}

提香
长文本元素
提香2
小文本

您可以在需要右侧内容的行中的内容周围添加一个新的div。如果该div具有

width:fit content

，它将采用最大子级（最长文本）的宽度，并使其看起来像您想要的结果

.row{
宽度：67%；
显示器：flex；
弯曲方向：立柱；
}
.向右移动{
对齐项目：柔性端；
}
.行项目{
宽度：适合的内容；
}

标题
长文本元素
提香2
小文本

谢谢您的回答，但内容应该在行的右角。请检查图片。您还需要帮助吗？@AlfredoLipari我找到了一种解决问题的替代方法，我会尽快在Ramon de Vries上发布解决方案，但期望值不同，i.stack.imgur.com/Lanhl.png

<div class="row">
        <div>Titile</div>
    
        <span class="comment">
            long textelement
        </span>
    </div>

<div class="row">
    <div> Titile2</div>

    <span class="comment">
        small text
    </span>
</div>

.row{
  width: 67%;
  display:flex;
}

.comment{
 margin-left: auto;
}