How do I vertically center one column next to another?

Tips and tricks from Tamara Olson Designs

‘Cuz you know it’s all about that table-cell, bout that table-cell, bout that table-cell, no inline-block …

div {
display: table-cell;
vertical-align: middle;
height: 50px;
border: 1px solid red;

Share Your Thoughts

About the Author


Tamara Olson is a self-employed UX designer and WordPress developer living in New York City.