レスポンシブウェブサイトでボタンを縦横に中央に配置するにはどうすればいいですか？

Question

図に示すように、ボタンはデフォルトで左揃えになっています。レスポンシブウェブサイトのボタンを中央に揃えるために使用できるCSSプロパティは何ですか？注：正しいコードを貼り付けたかどうかはわかりません。これが問題なのかどうかご連絡ください。前もって感謝します。

<div class="container"> 
    <div class="row">    
     <div class="col-sm-6 wow slideInUp"> 
      <br> 
      <a class="btn btn-theme-primary btn-lg" href="http://websiteurl.com/">Click Here</a> 
      <br><br> 
     </div> 
    </div> 
</div> 

Answer 1

text-align: centerのスタイルで<div>タグ内のボタンを囲み、margin: 0 autoで<a></a>にスタイルを追加します。

それがこの

<div class="container"> 
    <div class="row">    
     <div class="col-sm-12 wow slideInUp"> 
      <br> 
      <div style="text-align: center"> 
       <a class="btn btn-theme-primary btn-lg" style="margin: 0 auto;" href="http://websiteurl.com/">Click Here</a> 
       <br><br> 
      </div> 
     </div> 
    </div> 
</div>