Topic: Vertical align
Hi.
<div class="row"> <div class="col"> <p>1</p><p>2</p><p>3</p><p>4</p> </div> <div class="col text-center align-middle"> 555 </div> </div>How to make the "555" in the center of the right cell? Both vertically and horizontally. .text-center - moves text around the center, it works. .align-middle - does not work, the text remains at the top of the cell. What am I doing wrong? Thank you!
Add comment
<div class="row">
<div class="col">
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
</div>
<div class="col text-center align-self-center">
555
</div>
</div>
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags