在div中居中GWT按钮

Question

请帮助我将div中的GWT按钮置于中心

代码

<div class='{style.container}'>
    <g:Button addStyleNames='{style.styleAlign}'>Click</g:Button>
</div>

CSS

.container {
            display: block;
            width: 100%;
            vertical-align: middle;
            margin: 0 auto;
        }
.styleAlign {
            font-size: 17px;
            margin-top: 10px;
            margin-bottom: 10px;
            height: 60px;
            width: 500px;
        }

谢谢。

Answer 1

添加：

.container { 
    text-align: center; 
}