JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <body>
    <form action="" method="post">
      <button class="action">
        Purchase
        <input class="quantity" name="quantity" type="text" value="1">
      </button>
    </form>
  </body>
</html>

CSS

.action
{ width: 200px;
  text-align: left;
}
.quantity
{ width: 30px;
  float: right;  
}