在CSS中，使用text-align来控制文字的对齐方式
.text-left{text-align: left} 左对齐.text-right{text-align: right} 右对齐
.text-center{text-align: center} 居中对齐
要想如图二那样的效果，需要设置成左右2个区域，给你写个例子。
<div style="display:flex">
<span style="line-height: 40pxpadding-right:10px">18:00</span>
<span>即将开始<br />距离开始还有1：10：20</span>
</div>
