title: Buttons on ionic item-divider
body: <p>I'm developing an app using Ionic 1 and I'm trying to place two buttons on my item-divider. However, the buttons don't float to the right. Here is my code:</p>
  
  <pre><code>&lt;div class="item item-divider"&gt;
    Mobile Watchlist
    &lt;a href="#" class="watchlist_menu "&gt;
      &lt;i class="icon ion-android-add"&gt;&lt;/i&gt;
    &lt;/a&gt;
    &lt;a href="#" class="watchlist_menu"&gt;
      &lt;i class="icon ion-android-add"&gt;&lt;/i&gt;
    &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is my scss: </p>
  
  <pre><code>    .item-divider{
        .watchlist_menu {
           float: right;
           margin: 5px;
        }
      }
  </code></pre>
  
  <p>Here is the output:</p>
  
  <p><a href="https://i.stack.imgur.com/vbVnJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vbVnJ.png" alt="enter image description here"></a></p>
  
  <p>Also there's a weird line in between the buttons. I'm not sure why. </p>
  
  <p>*UPDATE</p>
  
  <p>Here is what I want:
  <a href="https://i.stack.imgur.com/UKoq3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UKoq3.png" alt="enter image description here"></a></p>