css文字双竖排显示

<li class="bottom-side-border active">
<a aria-expanded="true" class="font-16 pl-lg" data-toggle="tab" href="#scqt" style="height:240px">
<span class="shupai">PC+微信+APP</span>
<span class="pt-xlg mt-xl shupai">商城前台</span>
</a>
</li>

.shupai {
display: block;
width: 19px;
float: left;
word-wrap: break-word;
text-align: center;
}