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!    

---