如何定義兩個水平按鈕之間的空間？

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 

}