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

是不是可以采取换行啊？

01CSS代码：/

/*左对齐*/
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
}

但这个移动端效果不太好