<?xml version="1.0"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml"
         creationComplete="onCreationComplete()">

  <mx:Grid horizontalGap="0">
    <mx:GridRow>
      <mx:GridItem borderStyle="solid" width="180" horizontalAlign="center">
        <mx:Text id="_yourScore" textAlign="center" 
                 color="0x0000ff" fontSize="15"/>
      </mx:GridItem>
      <mx:GridItem borderStyle="solid" width="180" horizontalAlign="center">
        <mx:Text id="_opponentScore" textAlign="center" 
                 color="0xff0000" fontSize="15"/>
      </mx:GridItem>
    </mx:GridRow>
  </mx:Grid>

  <mx:Script>
  <![CDATA[
  private function onCreationComplete() : void
  {
    _yourScore.text = "Your Score:\n0";
    _opponentScore.text = "Opponent's Score:\n0";
  }

  public function set yourScore(score:int):void
  {
    _yourScore.text = "Your Score:\n" + score.toString();
  }

  public function set opponentScore(score:int):void
  {
    _opponentScore.text = "Opponent's Score:\n" + score.toString();
  }
  ]]>
  </mx:Script>
</mx:HBox>