css - div 中的中心按钮

Question

我将所有 div 组居中 div { width: 95%; margin : 0 auto ； } 但是 1 个有按钮的 div 没有居中，我也尝试将 text-align: center; 放置到不同的地方，但它没有用。

这是 jsfiddle

编辑:忘了说我只想以@media(最大宽度:480px)为中心图片:

Answer 1

编辑

它现在适用于 95%。 SEE NEW UPDATED DEMO

这是我添加到您的媒体查询中的内容:

.pure-controls{
margin:0 auto;
width:100%;
text-align:center;
}
.pure-controls button{
width:95%;
display:inline-block;

}

我想我明白了。 SEE DEMO

我将此添加到您的媒体查询中:

.pure-controls{
width:100%;
text-align:center;
}
.pure-controls button{
display:inline-block;

}