css - Set a Grid next to another in a gwt Page

Question

What kind of styling should I set to two Grids in order the one to stand next to the other? In the way I have created them in the xml file, the second stands below the other and it does not comply with the style of the general Page:

<div>
      <z:StaticDataGrid  ui:field="staticDataGrid" />
      <z:DataGrid ui:field="displayedDataGrid" />
</div>

StaticDataGrid and DataGrid are class representing Grid.

Answer 1

将网格放置在 Horizo​​ntalPanel 中以将它们并排放置。

<z:HorizontalPanel>
  <z:StaticDataGrid  ui:field="staticDataGrid" />
  <z:DataGrid ui:field="displayedDataGrid" />
</z:HorizontalPanel>