title: Ionic v3 align button and icon
body: <p>When creating a button on the <a href="https://creator.ionic.io/" rel="nofollow noreferrer">ionic creator(v3)</a> I can create a button like this</p>
  
  <p><a href="https://i.stack.imgur.com/WtzQX.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WtzQX.jpg" alt="enter image description here"></a></p>
  
  <p>But when I export the template it renders like so:</p>
  
  <p><a href="https://i.stack.imgur.com/fPCyV.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fPCyV.jpg" alt="enter image description here"></a></p>
  
  <p>Here is my HTML:</p>
  
  <pre><code>&lt;button ion-button icon-end block color="energized"&gt;
        &lt;span&gt;Edit&lt;/span&gt;
        &lt;ion-icon name="create"&gt;&lt;/ion-icon&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>How do I correctly align the button and icon so that the icon is positioned at the end and the button text is centered. Is there a built in way I can do this using ionic directives? Or do I have to create custom CSS to achieve this?</p>