How to change direction of line-break in CSS?

Question

I have p inside div, which is different from normal paragraph. It starts from bottom right, kind of like this

Main problem is when i enter more text line breaks in different direction.

What is happening.

What I want.

Here is my stylesheet:

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

p{
   align-self: flex-end;
 }

Is it even possible?

Answer 1

You want this ? 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;
 }