vertical alignment of image inside a div

Question

I want to set vertical alignment of image inside a div. I use img { vertical-align:middle} but it is not working.

Answer 1

See this awser: How to vertical align image inside div

If you want to align horizontally also, add the right and left, like this:

div {
  position:relative;
}
img {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
}