Как установить вертикальное изображение

Question

У меня есть проблема с настройкой изображения по вертикальному выравниванию. Но я стараюсь все, чтобы установить изображение на вертикальной совместятся, но он не работает для меня :(

Вот мое кодирование:

#skill{ 
    position: relative; 
    transform: translateY(-50%); <---Error for css 

} 

<div id="skill"> 
      <img src="image/Adobe_Photoshop_CS4_icon_(2).png" width="50px" height="50px"> 
      <img src="image/Adobe_Photoshop_CS4_icon_(2).png" width="50px" height="50px"> 
      <img src="image/Adobe_Photoshop_CS4_icon_(2).png" width="50px" height="50px"> 
      <img src="image/Adobe_Photoshop_CS4_icon_(2).png" width="50px" height="50px"> 
</div> 

Answer 1

Попробуйте это:

#skill{  
    transform: rotate(45deg); 
    width: 200px; 
    height: 200px 
} 

Answer 2

вы можете попробовать это:

#skill 
{ 
    position:relative; 
} 
#skill img 
{ 
    width:50px; 
    height: 50px; 
    position:absolute; 
    margin:auto; 
}