title: How to center ion side menu images/text
body: <p><a href="https://i.stack.imgur.com/zq2gW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zq2gW.png" alt="enter image description here"></a></p>
  
  <pre><code> &lt;ion-nav-back-button class="no-text"&gt;
              &lt;/ion-nav-back-button&gt;
              &lt;ion-nav-buttons side="right"&gt;
                  &lt;button class="button button-icon button-clear ion-android-more-vertical" menu-toggle="right"&gt;
                  &lt;/button&gt;
              &lt;/ion-nav-buttons&gt;
          &lt;/ion-nav-bar&gt;
          &lt;ion-nav-view name="fabContent"&gt;&lt;/ion-nav-view&gt;
          &lt;ion-nav-view name="menuContent" ng-class="{expanded: isExpanded}" &gt;&lt;/ion-nav-view&gt;
      &lt;/ion-side-menu-content&gt;
      &lt;ion-side-menu side="right"&gt;
          &lt;ion-header-bar class="dark-bg expanded"&gt;
             &lt;span class="avatar" style="background: url('img/crown.jpg'); background-size: cover; "&gt;&lt;/span&gt; 
              &lt;h2&gt;Thronester&lt;/h2&gt;
          &lt;/ion-header-bar&gt;
  </code></pre>
  
  <p>How would I center the image and text without using CSS? I'm trying to get the circular image and the text below it to center in the black. I've tried a lot of things and didn't get results.</p>