添付のピンク背景部分の文字を垂直真ん中にしたいのですが、 vertical-align: middle
が効かず、修正点をご教示頂けますと幸甚です。 コード
記載の.trytry
が原因とは思っています。
html
1<div class="card misaki-class-card"> 2 <div class="card-header danger-misaki" role="tab" id="headingOne"> 3 <h5 class="mb-0 trytry" style="font-weight:bold;font-size:1rem;"> 4 <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> 5 フェイスヨガ 6 </a> 7 </h5> 8 </div> 9 <div id="collapseOne" class="collapse in" role="tabpanel" aria-labelledby="headingOne"> 10 <div class="card-block"> 11 <div style="font-weight:bold">1 回(60分 6,000円 / 90分 8,000円)</div> 12 <div style="font-weight:bold">6 回(各90分 - 48,000円)</div> 13 <hr> 14 目、頬、口、アゴ、首、のエクササイズを中心にレッスン致します。 15 ご希望の箇所がありましたら、事前にご相談頂ければ柔軟に対応させて頂きます。 16 また、小顔になるフェイスヨガも大変好評を頂いております。 17 </div> 18 </div> 19 </div> 20 </div> 21</div>
css
1.trytry{ 2 vertical-align: middle; 3 margin: auto; 4 padding: auto; 5} 6.danger-misaki{ 7 background-color: $light_danger; 8 height: 3rem; 9} 10.misaki-class-card{ 11 margin-top: 5rem; 12}
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。