如何改变CSS中的换行方向？

Question

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

主要问题是我在不同方向输入更多文字换行符。

发生了什么。

我想要的。

这是我的样式表：

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

p{
   align-self: flex-end;
 }

甚至可能吗？

Answer 1

你想要这个吗？ See this fiddle

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;
 }