<div class="card-middle-row">
    <div class="container-left">
      <div>Quantity</div>
      <div>
        <span>Cancelqty</span> Out of 100
      </div>
    </div>
    <div class="container-right">
      <div>Price</div>
      <div><span>order</span></div>
  </div>
</div>

.card-middle-row .container-right {
  float: right;
  margin-right: 12px;
  line-height: 20px;
  color: #727272;
  font-size: 12px;
}
.card-middle-row .container-left {
  float: left;
  margin-left: 12px;
  line-height: 20px;
  color: #727272;
  font-size: 12px;
}
.card-middle-row .container-left span {
  color: #212121;
  font-size: 20px;
}
.card-middle-row .container-right span {
  color: #212121;
  font-size: 20px;
}
.card-middle-row > div {
  margin-top: 10px;
  line-height: 20px;
}