Don't work vertical align with image in lightbox

Question

I want to center image in lightbox gallery with vertical-align: middle, but can't. Where I do mistake?
html:

<div><img src="images/image1.png"></div> 

CSS:

div {
display: table-row;
/* or display: table; -> the result is the same for me */
height: 550px;
width: 100%;
text-align: center;
}
img {
display: table-cell;
max-height: 550px;
margin: 0 auto;
vertical-align: middle;
}

Answer 1

Try like this: Demo

div {
   display: table-cell;
    height: 550px;
    width: 100%;
    text-align: center;
    background: #0f0;
    line-height:100%;
    vertical-align: middle;
}
img {
display:inline-block;
max-width:500px;
}