title: How move a button to the right side of the container in Material design
body: <p>I'm trying to get a button to move to the right side of the container, I used several forms but I can not get it, somehow the <code>style="float: right;"</code></p>
  
  <p>Maybe this is not a thing, Material design, I have no experience in front-end developments.</p>
  
  <hr>
  
  <p><a href="https://i.stack.imgur.com/pCVSB.png" rel="noreferrer"><img src="https://i.stack.imgur.com/pCVSB.png" alt="enter image description here"></a></p>
  
  <pre><code> &lt;md-toolbar color="primary"&gt;
      &lt;span&gt;&lt;md-icon&gt;mood&lt;/md-icon&gt;&lt;/span&gt;
  
      &lt;span&gt;Material in Angular 2!&lt;/span&gt;
  
      &lt;button md-icon-button style="float: left;" [md-menu-trigger-for]="menu"&gt;
        &lt;md-icon style="float: left;"&gt;more_vert&lt;/md-icon&gt;
      &lt;/button&gt;
    &lt;/md-toolbar&gt;
  </code></pre>
  
  <hr>
  
  <p><a href="https://i.stack.imgur.com/2od1q.png" rel="noreferrer"><img src="https://i.stack.imgur.com/2od1q.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;button md-icon-button style="float: right;" [md-menu-trigger-for]="menu"&gt;
        &lt;md-icon style="float: right;"&gt;more_vert&lt;/md-icon&gt;
  </code></pre>
  
  <p>I'd like to move it here. I'm sorry for my bad English. I hope you can understand me.</p>
  
  <p><a href="https://i.stack.imgur.com/dh1Gk.png" rel="noreferrer"><img src="https://i.stack.imgur.com/dh1Gk.png" alt="enter image description here"></a></p>