如何在响应式网站上垂直和水平地将按钮与CSS对齐？

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

将<div>标记内的按钮包含在text-align: center样式中，并在<a></a>上添加margin: 0 auto样式。

应该是这样的

<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>