<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/09/09/changing-tab-alignment-within-a-flex-tabnavigator-container/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
		layout="vertical"
		verticalAlign="middle"
		backgroundColor="white" viewSourceURL="srcview/index.html">

	<mx:Array id="arr">
		<mx:Object label="left" />
		<mx:Object label="center" />
		<mx:Object label="right" />
	</mx:Array>

	<mx:ApplicationControlBar dock="true">
		<mx:Label text="horizontalAlign:" />
		<mx:ComboBox id="comboBox"
				dataProvider="{arr}" />
	</mx:ApplicationControlBar>

	<mx:TabNavigator id="tabNavigator"
			width="100%" 
			height="100%" 
			horizontalAlign="{comboBox.selectedItem.label}">

		<mx:VBox label="Tab 1">
			<mx:Label text="The quick brown fox..." />
		</mx:VBox>

		<mx:VBox label="Tab 2">
			<mx:Label text="The quick brown fox..." />
		</mx:VBox>

		<mx:VBox label="Tab 3">
			<mx:Label text="The quick brown fox..." />
		</mx:VBox>

	</mx:TabNavigator>

</mx:Application>
