Home/ Questions/Q 4272706
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-21T07:36:49+00:00

I have a div element whose height I set with em , and whose

  • 0

I have a div element whose height I set with em, and whose width I set as a percentage. There is an image contained within. It has a width as a percentage (83%). However, if I am at a resolution where that div element is starting to get a little narrow, the image narrows up as well, but rather than taking up the entire div (as it should), the image just becomes small and appears just at the top of the div. To compensate for this, I want to vertically align my image within the div element. How can I do this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    vertical-align does not work in DIV elements. the only way to do this is to set this property to your div in css :

    .divClass
{
   display:table-cell;
   vertical-align:middle;
}

    after it, your DIV element will act like TD elemnt of Table.

    to align your image in div with specifying percentage for image vertical position look at link bellow (percentage value) :

    http://reference.sitepoint.com/css/vertical-align

    • 0