CSS如何设置换行文字自动对齐

CSS如何设置换行文字自动对齐

如图所示：

代码实现如下：

<ul class='warn-page-content'>
                <li>
                    子账号登录名将改为<span class='text-warning-s'>“原登录名@域”</span>。<br/>
                    <span class='text-warning-i'>例如：原登录名为aa，您设置的域为@wo.onaliyun.com，升级后登录名为aa@wo.onaliyun.com。</span>
                </li>

</ul>

css:

.text-warning-i{

width: 100%;

display: inline-block;

}

(注： 重点是要设置width的宽度)