为什么这个按钮不能水平居中呢？

Question

文本框能居中 为什么按钮不行呢？

#ipt1{width: 60%;margin: 0 auto;}
   #txt1{width: 60%;margin: 0 auto;height: 400px;}
   #btn1{margin: 0 auto;margin-top: 10px;width: 80px;}

<div class="col-sm-8 col-md-8 col-lg-8">
        <form class="form-group" id="form1">
            <input type="text" id="ipt1" class="form-control"> <br />
            <textarea class="form-control" id="txt1"> </textarea>
            <button class="btn btn-info " id="btn1" type="submit">提交</button>
        </form>
        </div>

Answer 1

display:block

Answer 2

button不是块状元素，margin:0 auto无效