Css 我的文本对齐：justify不起作用

我有一个div是单亲的孩子。文本对齐：对齐不起作用

子HTML:

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

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

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

父CSS:

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

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

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

我得到的是： [！[在此处输入图像描述][1][1]

---

如果您有任何建议，我们将不胜感激。

您必须删除

标记，才能使文本对正有效。然后您可以在文本块上添加边距或宽度。

没问题！不要忘记将此答案标记为正确答案：）