css center two inputs in a div

by tjbaezid

HTML

<div style="clear:both; width:100%; border:1px solid red; text-align:center;">
  <div style="display:inline-flex; ">
    <input type="submit" value="Save" />
  </div>
  <div style="display:inline-flex; ">
    <input type="button" value="Cancel" onclick="window.history.back()" />
  </div>
</div>
<div style=" margin:20px;"></div>
<!--only for space -->
<div style="clear:both; width:100%; border:1px solid red; text-align:center;">
  <div style="display:inline-flex; ">
    <input type="submit" value="Save" />
  </div>
  <div>
    <input type="button" value="Cancel" onclick="window.history.back()" />
  </div>
</div>