Vertical align

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: 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>

Write
Create snippet
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
About author
arogonov
Pro User
64Support score
6Questions 4Answers
0Snippets likes 3Snippets