title: How to align the spark button?
body: <p>This is the scenario:</p>
  
  <pre><code>&lt;s:layout&gt;
      &lt;s:VerticalLayout verticalAlign="top" horizontalAlign="center" paddingTop="30"/&gt;
  &lt;/s:layout&gt;
  &lt;s:states&gt;
      &lt;s:State name="Login"/&gt;
      &lt;s:State name="Register"/&gt;
  &lt;/s:states&gt;
  &lt;s:Panel id="loginPanel" title="Login Form" title.Register="Registration Form" height="400" width="300" color="Black"&gt;   
  
      &lt;s:Form top="0" bottom="0"
              left="20" right="0"&gt;
          &lt;s:FormItem label="First Name:" includeIn="Register" color="White"&gt;
              &lt;s:TextInput id="firstName" color="Black"/&gt;
          &lt;/s:FormItem&gt;
          &lt;s:FormItem label="Last Name" includeIn="Register" color="White"&gt;
              &lt;s:TextInput id="lastName" color="Black" /&gt;
          &lt;/s:FormItem&gt;
          &lt;s:FormItem label="Email:" includeIn="Login, Register" color="White"&gt;
              &lt;s:TextInput id="email" color="Black" /&gt;
          &lt;/s:FormItem&gt;
          &lt;s:FormItem label="Password:" includeIn="Login, Register" color="White"&gt;
              &lt;s:TextInput id="password" color="Black" displayAsPassword="true"/&gt;
          &lt;/s:FormItem&gt;
          &lt;s:FormItem label="Conform:" includeIn="Register" color="white"&gt;
              &lt;s:TextInput id="confirm" color="Black" displayAsPassword="true"/&gt;
          &lt;/s:FormItem&gt;
          &lt;s:FormItem &gt;
                  &lt;s:Button label="Need To Register" id="needToRegister" includeIn="Login" click="currentState='Register'" left="0"/&gt;
                  &lt;s:Button label="Return To Login" id="returnToLogin" includeIn="Register" click="currentState='Login'"/&gt;
                  &lt;s:Button label="Login" id="login" 
                            label.Register="Register" click="loginFun()" 
                            click.Register="register()"/&gt;
  
              &lt;/s:FormItem&gt;
      &lt;/s:Form&gt;
  </code></pre>
  
  <p>And the question is how to align the buttons in horizontal order? I tried with HGroup. But the buttons are not justified when we use HGroup. If anything else is there, please share with me. </p>
  
  <p>Thanks in advance.</p>
  
  <p><strong>Edit</strong></p>
  
  <p>I done it.</p>
  
  <pre><code>            &lt;s:FormItem &gt;
                  &lt;s:layout&gt;
                      &lt;s:HorizontalLayout gap="30" paddingLeft="-15"/&gt;
                  &lt;/s:layout&gt;
  
                  &lt;s:Button label="Need To Register" id="needToRegister" 
                            includeIn="Login" /&gt;
                  &lt;s:Button label="Return To Login" id="returnToLogin" includeIn="Register" /&gt;
                  &lt;s:Button label="Login" id="login" 
                            label.Register="Register"/&gt;
  
              &lt;/s:FormItem&gt;
  </code></pre>
  
  <p>Now its working. But i don't know. This is a right way. Can anyone tell me this is a good way or not?</p>