css – Center image vertically within a div

Question:

I need to center images inside a div . I can do this horizontally with text-align:center; , however I want to center vertically . Tried vertical-align: middle; and display: table-cell; and it didn't work.

Is there any other solution? If possible, only using CSS.

Answer:

This should solve your problem:

div img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}