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

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：style声明中使用@external gwt-Button;。

Answer 2

试试这个

.gwt-Button {

padding : 10px !important

}