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