Question

css中如何写才能让在同一个盒子中换行的文字居中对齐

我想要得到第二张图的效果，但是文字怎么都没法居中。该如何做？？





Answer 1

要想如图二那样的效果，需要设置成左右2个区域，给你写个例子。

<div style="display:flex;">

<span style="line-height: 40px;padding-right:10px;">18:00</span>

<span>即将开始<br />距离开始还有1：10：20</span>

</div>

Answer 2

用两个p标签分开，然后text-align: center

追问

这招不行，变成这样的了

追答

18. 那个是li？