如何定义两个水平按钮之间的空间？

Question

我有两个按钮，不希望它们与它们之间的空间对齐。但以下不起作用：

<gwt:FlowPanel styleName="{style.pad}"> 
    <gwt:Button text="foo" /> 
    <gwt:Button text="bar" /> 
</gwt:FlowPanel> 

<ui:style> 
    .pad .gwt-Button { 
      margin-right: 20px !important; 
    } 
</ui:style> 

结果：按钮并排排列，它们之间没有空间。为什么？？

Answer 1

明白了：我不得不使用在UI @external gwt-Button;：样式声明。

Answer 2

试试这个

.gwt-Button { 

padding : 10px !important 

}