Flexbox: আধুনিক এবং সবচেয়ে সহজ পদ্ধতি
প্যারেন্ট কন্টেইনারে `display: flex` এবং `align-items: center` ব্যবহার করুন। এটি ক্রস-অ্যাক্সিসে (ভার্টিক্যাল) সেন্টার করে।
CSS
<div class="container"> <a href="#">ভার্টিক্যালি সেন্টার্ড টেক্সট</a> </div>
লিগেসি ব্রাউজার সাপোর্ট (IE10 এবং পুরনো)
.container {
height: 100px;
line-height: 100px; /* হাইট এবং লাইন-হাইট সমান */
}
.container a {
display: inline-block;
vertical-align: middle;
line-height: normal; /* রিসেট */
}
স Faces: Flexbox ব্যবহার করুন — মাল্টি-লাইন, রেসপন্সিভ, এবং কোনো ম্যাজিক নম্বর ছাড়া কাজ করে।
