FLEX中form里面的内容居中

如果让FLEX中form里面的内容居中，我下面的布局，如果让form里面的内容居中
XML code:

<mx:Panel styleName="moduleTitle" title="用户添加" xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="500" height="400">

<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;
]]>
</mx:Script>

<mx:VBox width="100%" height="100%">
<mx:Form height="100%" width="100%" backgroundAlpha="1.0" verticalCenter="0">
<mx:FormItem label="登入名：">
<mx:TextInput id="loginName" />
</mx:FormItem>

<mx:FormItem label="密码：">
<mx:TextInput id="password" />
</mx:FormItem>

<mx:FormItem label="确认密码：">
<mx:TextInput id="confirmPassword" />
</mx:FormItem>

<mx:FormItem label="姓名：">
<mx:TextInput id="names" />
</mx:FormItem>

</mx:Form>
</mx:VBox>


<mx:HBox width=&qu