私のテキストアライメント：正当化doesnt仕事

Question

私は1つの親に子であるdivがあります。 text-align：それについては正当化できません。

子供HTML：

<div id="right-text">По легенде, у расположенного на центральном острове<br> 
Ворсменского озера Свято-Троицком монастыре были 
большие<br> связи с купечеством и представителями Италии.</div> 

子CSS：

#right-text { 
width: 800px; 
height: 400px; 
display: flex; 
flex-direction: column; 
text-align: justify; 
} 

親CSS：

#wrapper { 
overflow-x: hidden; 
height: 100%; 
width: 100%; 
background-color:#fff5e5;} 

とWHA私は得る： [！[ここに画像の説明を記入してください] [1]] [1]

何か提案があります。

Answer 1

テキスト調整が機能するには、<br>タグを削除する必要があります。次に、テキストのブロックに余白または幅を追加することができます。