How to center a div vertically?

Question

I have a div that I want to center horizontally and vertically.

For the horizontal issue everything is great, but I have a problem with the vertical ali

Answer 1

Having the parent property as, display:table and child property as display: table-cell and vertical-align: middle worked for me.