Inline rendering in Chrome different than FF?

[membersound]

Hi,

I want to create a header with 2 elements: one aligned inline to the middle, and some aligned right.

The following works fine in Firefox, but in Chrome there is a linebreak between the two FlowPanels. What is wrong with this code:

.inline { display: inline-block; }
.right { float: right; }

<g:FlowPanel>
 <g:FlowPanel styleName="{style.inline}">
  <g:Label text="inline" />
 </g:FlowPanel>

 <g:FlowPanel styleName="{style.right}">
  <g:Label text="right1" />
  <g:Label text="right2..." />
 </g:FlowPanel>
</g:FlowPanel>

[Thomas Broyer]

Try moving the .right FlowPanel before the .inline one; and/or giving it display:inline-block too.

[membersound]

Thank you very much! Swapping the Panels did the trick.