title: Ionic 3 - float image to the right side of container
body: <p>My app looks like <a href="https://moblize.it/" rel="nofollow noreferrer">this</a>.</p>
  
  <p>Notice the header image is left aligned with the code. Even float is right. How do I fix it?</p>
  
  <pre><code>&lt;ion-slides direction="vertical" speed="1000" slidesPerView="1"&gt;
    &lt;ion-slide  class="site-slide"  style="background-color:#2298D3"&gt;
      &lt;ion-card style="height:300px;float:right"&gt;
        &lt;img src="http://www.segalpetroniru.com/images/Consulting-Services-Hero-Image-Secondary.jpg" /&gt;
      &lt;/ion-card&gt;
    &lt;/ion-slide&gt;
  </code></pre>