Question

How can you center an image (in relation to parent block) ?

If the conditions are:

div#parent - the parent block;
img - an image which has to be centered.
Choose correct statements for realization.

Cosmo · Accepted Answer

Click here!


 
 
  
   
    
    Click here!

Cosmo · Accepted Answer

Parent block div#parent must not be floated.
Parent block div#parent must has absolute or fixed position.

Cosmo · Accepted Answer

A script expression must be added for IE 6-7
which can count margin-top.

Cosmo · Accepted Answer

Parent block div#parent must has fixed height.
Properties and values must be like these:
display: table-cell;
vertical-aling: middle;
text-align: center;

Cosmo · Accepted Answer

One of the possible solutions is using table layout.

Cosmo · Answer

It is impossible to do it using block layout.

Cosmo · Answer

IE8 does not understand
display: table-cell

Cosmo · Answer

Child's property must be set to:
margin-top: 50%

Следи за CodeGalaxy

Мобильное приложение Beta

Продолжайте изучать
тесты по HTML & CSS

Связанные материалы

Следи за CodeGalaxy

Мобильное приложение Beta

Продолжайте изучать тесты по HTML & CSS

Продолжайте изучать
тесты по HTML & CSS