span居中的問(wèn)題

.panel-body span{
    display: block;
    letter-spacing:1px;
    margin: 2px 0;
    width:fit-content;
}
 .innerPanel{
    float: left;
    width: 25%;
    word-wrap: break-word;
    height: 150px;
}
.panelBody{
    padding: 0px;
}
.panel-heading{
    text-align: center;
}
.panel{
    margin-bottom: 0;
}
      

<div class="panel panelWrap panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">面板標(biāo)題</h3>
    </div>
    <div class="panel-body panelBody">
        <div class="panel innerPanel panel-info" >
            <div class="panel-heading">
                <h3 class="panel-title">面板標(biāo)題</h3>
            </div>
            <div class="panel-body">
                <span>這是一個(gè)基本的面板</span>
            </div>
        </div>
        <div class="panel innerPanel panel-info">
            <div class="panel-heading">
                <h3 class="panel-title">面板標(biāo)題</h3>
            </div>
            <div class="panel-body">
                <span>這是一個(gè)基本的面板</span>
                <span>這是一個(gè)基本的面板</span>
                <span>這是一個(gè)基本的面板</span>
            </div>
        </div>
        <div class="panel innerPanel panel-info">
            <div class="panel-heading">
                <h3 class="panel-title">面板標(biāo)題</h3>
            </div>
            <div class="panel-body">
                <span>這是一個(gè)基本的面板</span>
            </div>
        </div>
        <div class="panel innerPanel panel-info">
            <div class="panel-heading">
                <h3 class="panel-title">面板標(biāo)題</h3>
            </div>
            <div class="panel-body">
                <span>這是一個(gè)基本的面板</span>
            </div>
        </div>
    </div>

    <div class="panel-heading">
        <h3 class="panel-title">面板標(biāo)題</h3>
    </div>
    <div class="panel-body panelBody">
        <div class="panel innerPanel panel-info" >
            <div class="panel-heading">
                <h3 class="panel-title">面板標(biāo)題</h3>
            </div>
            <div class="panel-body">
                <span>這是一個(gè)基本的面板</span>
            </div>
        </div>
        <div class="panel innerPanel panel-info">
            <div class="panel-heading">
                <h3 class="panel-title">面板標(biāo)題</h3>
            </div>
            <div class="panel-body">
                <span>這是一個(gè)基本的面板</span>
                <span>這是一個(gè)基本的面板</span>
                <span>這是一個(gè)基本的面板</span>
            </div>
        </div>
        <div class="panel innerPanel panel-info">
            <div class="panel-heading">
                <h3 class="panel-title">面板標(biāo)題</h3>
            </div>
            <div class="panel-body">
                <span>這是一個(gè)基本的面板</span>
            </div>
        </div>
        <div class="panel innerPanel panel-info">
            <div class="panel-heading">
                <h3 class="panel-title">面板標(biāo)題</h3>
            </div>
            <div class="panel-body">
                <span>這是一個(gè)基本的面板</span>
            </div>
        </div>
    </div>
</div>

text-align:center 無(wú)效
想知道精準(zhǔn)居中的辦法