Html 如何在CSS中更改换行方向？

我在

div

中有

p

，这与正常段落不同。从右下角开始，有点像这样

主要问题是当我在不同方向输入更多的文本换行符时

发生了什么

我想要什么

这是我的样式表：

div{
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
  }

p{
   align-self: flex-end;
 }

有可能吗？

你想要这个吗

div{
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   background: red;
   width: 200px;
   height: 200px; 
  }

p{
   align-self: flex-end;
   color: #fff;
   text-align: right;
 }