title: Align item to the right in the Angular Js navbar
body: <p>I am working with Angular Js Material, and I am having trouble aligning to the right the following (what's in red in the image below)</p>
  
  <p><img src="https://i.stack.imgur.com/2gGVs.png" alt="enter image description here"></p>
  
  <p>Below is the navbar code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;md-toolbar layout="row"&gt;
     &lt;div class="md-toolbar-tools"&gt;
        &lt;md-button ng-click="toggleSidenav('left')" hide-gt-sm class="md-icon-button"&gt;
           &lt;md-icon aria-label="Menu" md-svg-icon="https://s3-us-west-2.amazonaws.com/s.cdpn.io/68133/menu.svg"&gt;&lt;/md-icon&gt;
        &lt;/md-button&gt;
  
        &lt;h1&gt;TEST&lt;/h1&gt;
        &lt;i class="material-icons md-48"&gt;question_answer&lt;/i&gt;
        &lt;i class="material-icons md-48"&gt;help_outline&lt;/i&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In particular, I would like to align the following:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;i class="material-icons md-48"&gt;question_answer&lt;/i&gt;
  
  &lt;i class="material-icons md-48"&gt;help_outline&lt;/i&gt;
  </code></pre>
  
  <p>I have tried text-aligning them to right and have tried using float right but none of these attempts seems to have worked. This navbar is based on <a href="https://material.angularjs.org/latest/#/getting-started" rel="nofollow noreferrer">this Angular template</a>.</p>
  
  <p>Any help would be appreciated.</p>
  
  <p>Thanks in advance</p>