Question

I was trying to vertically align some text inside a div using a CSS table, but it doesn’t work for some reason:

<div class="navlink" style="width:150px; display:table;">
<div style="text-align:center; display:table-cell; vertical-align:middle;">Some Text</div>
</div>

Any suggestions on how I can get this code to work?

Answer 1

It works, it’s simply that you are not using any height for your cell div, so do it like this

Demo

<div class="navlink" style="width:150px; display:table;">
   <div style="text-align:center; display:table-cell; height: 200px; vertical-align:middle;">Some Text</div>
</div>