bootstrap で実装したボタンの中央寄席ができません
bootstrapでボタンを横方向に中央寄せしたいのですが上手くいきません。何が悪いのか教えていただけますと幸いです。
html
1<section class="sec-recruit"> 2 <div class="container"> 3 <h1 class="title">RECRUITMENT<span class="sub-title">団員募集</span></h1> 4 <div class="inner"> 5 <p>¥¥交響楽団では一緒に演奏できる仲間を募集しています! 6 オーケストラに興味をお持ちのあなた!音楽が好きなあなた! 7 一緒に音楽をはじめて見ませんか?? 8 </p> 9 <button type="button" class="btn btn-secondary">Secondary</button> 10 </div> 11 </div> 12 </section>
css
1.sec-recruit{ 2 width:100%; 3} 4 5.sec-recruit p{ 6 padding-top:14px; 7 line-height:1.2rem; 8 font-weight:100; 9} 10 11button{ 12 text-align: center; 13 margin:0 auto; 14}
「横方向に中央寄せ」とは。今どうなってるんでしょう。
「うまくいかない」などで伝わる情報量はゼロなので
具体的に起きている現象を記載してください。
https://teratail.com/help/question-tips#questionTips3-4-1