How to align DockLayoutPanel:east content floated to the right?

How can align the content of the east panel docked to the right edge?
Using the following would just align everything in it's panel to their left edge:

<g:DockLayoutPanel unit="EM">
<g:west size="10"><g:FlowPanel styleName="{style.left}" >
<g:east size="10"><g:FlowPanel styleName="{style.right}" >
<g:center />

.left { float: left; }
.right { float: right; }

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscribe@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.