html5 网页不同字会有移位

使用的是无序列表

<dl>
                            <dd class="d2_1">
                                <ul>
                                    <li>图书馆</li>
                                    <li>校友总会</li>
                                    <li>学术进展</li>
                                    <li>书记信箱</li>
                                    <li>电子地图</li>
                                </ul>
                            </dd>
                            <dd class="d2_2">
                                <ul>
                                    <li>公开课</li>
                                    <li>教育基金会</li>
                                    <li>创新2030计划</li>
                                    <li>校长信箱</li>
                                    <li>电子邮箱</li>
                                </ul>

这里是css

 li{
    line-height: 25px;
    padding-left: 50px;
    list-style-image: url();
}

<ul>
<li style="text-align:center">baiduzhi1</li>//居中对齐daozhuan
<li style="text-align:left">shu容2</li>//左对齐
<li style="text-align:right">内容3</li>//右对齐
</ul>

自己选个吧

 li{
    line-height: 25px;
    padding-left: 50px;
    list-style-image: url();

    text-align:center;
}

设置li的 width 一直