如何将表单元素与<div>的中心对齐？

Question

这是我的表单元素，我想将它与div的中心对齐。

     <form class="form-inline" action="/action_page.php">
       <div class="input-group">
         <div class="input-group-prepend">
           <span class="input-group-text">@</span>
         </div>
         <input type="text" class="form-control mr-sm-2" placeholder="Your Email" />
       </div> 
       <button class="btn btn-primary" type="submit">Sign Up</button>
     </form>