Vertical align

arogonov pro asked 6 years ago

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!    

boyd8811 pro answered 6 years ago

<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>


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No