samples/mail/src/com/google/gwt/sample/mail/client/AboutDialog.ui.xml

<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
  xmlns:g='urn:import:com.google.gwt.user.client.ui'
  xmlns:mail='urn:import:com.google.gwt.sample.mail.client'>

  <ui:image field='logo' src='gwt-logo.png'/>

  <ui:style>
  .panel {
    padding: 10px;
  }

  .aboutText {
    text-align: left;
  }

  .logo {
    gwt-sprite: "logo";
    float: left;
    padding-right: 1em;
  }

  .buttons {
    text-align: right;
  }

  </ui:style>

  <g:HTMLPanel width='24em' styleName='{style.panel}'>
    <div class='{style.logo}'/>

    <div class='{style.aboutText}'>
    This sample application demonstrates the
    construction of a complex user interface using GWT's built-in
    widgets. Have a look at the code to see how easy it is to build
    your own apps!
    </div>

    <div class='{style.buttons}'>
      <g:Button text='Close' ui:field='closeButton' />
    </div>
  </g:HTMLPanel>
</ui:UiBinder>