FormItem alignment problem

[FALCONSEYE]

I have the following:

<mx:FormItem label="Fixed Total Charge:"  width="100%">
     				<mx:TextInput id="fixedChg"  width="50%" />
     		</mx:FormItem>	
                
            <mx:FormItem width="100%" direction="horizontal" horizontalAlign="left">
            	<mx:FormItem label="Per">
            	  	<mx:TextInput id="perUnit" />
            	</mx:FormItem>  	
            	<mx:FormItem label="Fixed Per Unit Charge">
            	   	<mx:TextInput id="perUnitChg" />
            	</mx:FormItem>
	        </mx:FormItem>

This will put "Per" under "Fixed total charge" text input. How can I align this so that "Per" will be under "Fixed Total Charge" instead of the textbox?
thanks in advance.

http://www.fuzzysiberians.com

 

[TruthInSatire]

Don't forget to specify Vertical for the top form field(s)

<mx:Form>
	[b]<mx:FormItem direction="vertical">[/b]
		<mx:FormItem label="Fixed Total Charge:">
	         <mx:TextInput id="fixedChg" />
	    </mx:FormItem>
    [b]</mx:FormItem>[/b]
	<mx:FormItem direction="horizontal" >		
	    <mx:FormItem label="Per">
	    	<mx:TextInput id="perUnit" />
	    </mx:FormItem>      
	    <mx:FormItem label="Fixed Per Unit Charge" >
	    	<mx:TextInput id="perUnitChg" />
	    </mx:FormItem>
	</mx:FormItem>
</mx:Form>