title: How can I align button in Center or right using IONIC framework?
body: <p><img src="https://i.stack.imgur.com/cO1JJ.png" alt="enter image description here"></p>
  
  <p>I want the login and register button in <strong>right</strong>,and Search button in <strong>Center</strong>, I searched alot but didn't get any solution.</p>
  
  <p>And also how can I align text area in a proper position.</p>
  
  <p>Here is my html code:</p>
  
  <pre><code>&lt;body ng-app="starter"&gt;
  
      &lt;ion-pane  style = "background-color:#4992E2;"&gt;
        &lt;ion-header-bar class="bar bar-subheader" style = " margin-top: -35px; background-color:#F9F9F9;"&gt;
          &lt;h1 class="title" style = "color:black;"&gt;NetHealth Appointment Booking&lt;/h1&gt;
        &lt;/ion-header-bar&gt;
        &lt;ion-content &gt;
            &lt;div class = "row center"&gt;
                 &lt;div class="col"&gt;
                      &lt;button class="button button-small  button-light" &gt;
                        Login!
                      &lt;/button&gt;
                       &lt;button class="button button-small  button-light"&gt;
                        Register Here!
                      &lt;/button&gt;
                  &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="item-input-inset"&gt;
              &lt;h4&gt;Date&lt;/h4&gt; 
  
            &lt;label class="item-input-wrapper"&gt;
                  &lt;input type="text" placeholder="Text Area"&gt;
            &lt;/label&gt;
          &lt;/div&gt;
          &lt;div class="item-input-inset"&gt;
              &lt;h4&gt;Suburb&lt;/h4&gt;
  
            &lt;label class="item-input-wrapper"&gt;
                  &lt;input type="text" placeholder="Text Area"&gt;
            &lt;/label&gt;
          &lt;/div&gt;
          &lt;div class="item-input-inset"&gt;
              &lt;h4&gt;Clinic&lt;/h4&gt;
            &lt;label class="item-input-wrapper"&gt;
                  &lt;input type="text" placeholder="Text Area"&gt;
            &lt;/label&gt;
          &lt;/div&gt;
          &lt;button class=" center button button-small  button-light"&gt;
            Search
          &lt;/button&gt;
  
          &lt;/ion-content&gt;
      &lt;/ion-pane&gt;
    &lt;/body&gt;
  </code></pre>
  
  <p>I know in the <strong>bootstrap</strong>, but I am new to ionic, please tell me how can I do this.</p>