How do I change the direction of a line break in CSS?
I have p
inside div
, which is different from the usual paragraph. It starts at the bottom right, sort of like
The main problem is that I am introducing more text line breaks in the other direction.
What's 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 possible?
+3
source to share
1 answer
Do you want it? 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;
}
+3
source to share