Vue 用css属性resize写了一个盒子可以拉伸长短的功能 我想让里面的文字靠盒子右侧 跟着盒子的拉伸长短 不知道怎么解决

Vue 用css属性resize写了一个拖动盒子右侧可以拉伸长短的功能，我在里面写了一个文字，我想让里面的文字靠盒子右侧 跟着盒子的拉伸长短 不知道怎么解决
我用的是resize:horizontal;overflow:auto;这两个css属性

在盒子上设置

 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

text-align: right;

float: right