css怎样解决文字左右参差不齐的效果？

像这样左右文字不对等看起来很不美观，用css方法可以解决吗?

---

text-align:justify

---

我觉得楼主可以试下keep-all 但是这个在移动端的效果不是很好

---

01*CSS代码：*/
02
/*左对齐*/
03
.left {
04
    text-align: left;
05
    border: 1px dotted black;
06
    width: 50%;
07
}
08
/*右对齐*/
09
.right {
10
    text-align: right;
11
    border: 1px dotted black;
12
    width: 50%;
13
}
14
/*居中对齐*/
15
.center {
16
    text-align: center;
17
    border: 1px dotted black;
18
    width: 50%;
19
}
20
/*两端对齐*/
21
.justify {
22
    text-align: justify;
23
    border: 1px dotted black;
24
    width: 50%;
25
}

---

word-break: break-all;

不行？