应用CSS设置按钮内图标的位置 {{cart.length | | 0}

现在，我希望ion android购物车放在按钮底部附近，锚定链接放在图标的右上边缘。我如何在这里应用这个CSS

---

默认情况下，它们依次出现在左上角。

使用以下代码段：

 <div class="button button-icon topPull">
   <div class="button button-icon"><i class="icon ion-android-cart"></i><a class="icon-circle icon-circle-outline">
      <i>{{cart.length || 0}}</i>
      </a><div> </div>

图标将始终保持在按钮的绝对中间位置

.button {
    position: relative;
}


.button i {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}