mui列表在li中添加button始终会换行？

分类：MUI

button

.muicontent {
text-align: center;
}
.mui-btn {
width: 44%;
height: 50px;
font-size: 16px;
margin-top: 20px;
margin-bottom: 20px;
}
<li class="muicontent">
<button id="btnBack" type="button" class="mui-btn mui-btn-danger">退回</button>
<button id="btnSure" type="button" class="mui-btn mui-btn-primary">同意</button>
</li>

怎么回事啊，在浏览器上用手机模式看又是正常的。