方法一：转换成块元素居中显示

加上display:block;否则不能居中显示，因为span是行内元素

<span style="text-align: center">水平居中

</span> <span style="line-height：值为span的高度">垂直居中</span>

方法二 ：flex弹性盒子

display: flex;

justify-content: center; //水平

align-items: center; //垂直

实例：

<div class="mt-3 justify-content-between align-items-baseline d-flex">
                            <i class="bi bi-cart4"></i>
                            <span class="p">￥555555555</span>
                            <button class="btn btn-primary " >结算</button>
</div>