怎么移動iView中的Button的位置？

使用iView，我有一個模態(tài)層：

 <Modal
      v-model="loginModal"
      title="登錄"
      width="400"
      @on-ok="ok"
      @on-cancel="cancel">

      <Tabs>
        <TabPane label="手機登錄" icon="ios-telephone">
          <i-input v-model="tel" clearable placeholder="請輸入電話" style="width: 300px"></i-input>
          <i-input v-model="password" clearable placeholder="請輸入密碼" type="password" style="width: 300px"></i-input>
          <i-checkbox >是否記住密碼</i-checkbox>
          <i-button class="forget-pwd" type="text">忘記密碼?</i-button>

        </TabPane>

        <TabPane label="郵箱登錄" icon="ios-email">
          <i-input v-model="email" clearable placeholder="請輸入郵箱" style="width: 300px"></i-input>
          <i-input v-model="password" clearable placeholder="請輸入密碼" type="password" style="width: 300px"></i-input>
        </TabPane>
      </Tabs>

    </Modal>

請問怎么樣我的忘記密碼？按鈕才能右移到指定位置呢？

我試過:

.forget-pwd {
  float: right;
}

或者:

.forget-pwd {
  margin-left: 20px;
}    

都不行。