css - 如何强制 margin 留给 ion-button

Question

我试图将按钮定位在左侧，但我无法使其响应。我想这样做:

这是我的 html:

<div class="teste">
  <div class="primeiro">
    <ion-button fill="clear">
      <span class="button-default">Parcialmente Exec.</span>
    </ion-button>
  </div>
  <div class="segundo">
    <ion-button fill="clear">
        <span class="button-default">Em aberto</span>
    </ion-button>
  </div>
</div>

和我的CSS:

  .card-header {
    display: flex;
    margin-bottom: 17px;
    border: blue 1px solid;
    .teste{
      margin-left: auto;
      border: red solid 2px;
    }
    .primeiro{
      border: purple solid 2px;
    }
    .segundo{
      border: orangered solid 2px;
    }
    ion-button {
      // margin-left: auto;
      height: 25px;
      max-width: 140px;
      border-radius: 12.5px;
      background-color: $warning;
      color: #ffffff;
      text-transform: capitalize;
    }
  }

这就是我到目前为止得到的

Answer 1

试试这个，

text-align: right; on segundo class.

这使得父元素中的元素水平对齐