title: onsen ui : align center
body: <p>hi i want to align center horizontally - but its not happening</p>
  
  <p>here is my code :</p>
  
  <pre><code>&lt;ons-row class="center bordertop1 grey1" style="margin-top:10px;text-align:center !important;"&gt;
                      &lt;ons-col class="center borderright1 grey1" ng-click="" style="" &gt;&lt;ons-row style="margin-top:10px;margin-bottom:10px;"&gt;&lt;img  ng-src="img/icon/icon1.png"  /&gt;&lt;/ons-row&gt;&lt;ons-row  class="center"&gt;icon1 &lt;/ons-row&gt;&lt;/ons-col&gt;
                      &lt;ons-col class="center borderright1 borderbottom1" style=""&gt;&lt;ons-row style="margin-top:10px;margin-bottom:10px;"&gt;&lt;img  class="center"  ng-src="img/icon/icon2.png"  /&gt;&lt;/ons-row&gt;&lt;ons-row class="center" style="margin-bottom:10px;"   &gt;option 2{{member.followercount}}&lt;/ons-row&gt;&lt;/ons-col&gt;
                      &lt;ons-col class="center borderbottom1" style=""&gt;&lt;ons-row class="center" style="margin-top:10px;margin-bottom:10px;"&gt;&lt;img  ng-src="img/icon/icon3.png"  /&gt;&lt;/ons-row&gt;&lt;ons-row class="center" style="margin-bottom:10px; text-align:center !important;"&gt;option 3 &lt;/ons-row&gt;&lt;/ons-col&gt;
                  &lt;/ons-row&gt;
  </code></pre>
  
  <p>i also tried style="text-align: center;"</p>
  
  <p>not working</p>
  
  <p>help me 
  Regards</p>