Javascript-форум - Отцентрировать картинку в div

Javascript-форум (https://javascript.ru/forum/)

- (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)

- - Отцентрировать картинку в div (https://javascript.ru/forum/xhtml-html-css/46907-otcentrirovat-kartinku-v-div.html)

Отцентрировать картинку в div

имеется блок l_photo в который помещена ссылка, в ссылке находится картинка в блоке l_users_photo. нужно отцентрировать картинку в блоке l_users_photo, причем, чтобы картинка была полностью в нем и не растягивалась. как сделать?
код шаблона

Код:

<div id="l_photo">

   <a href="index.php">

      <div id="l_users_photo">

         <img src="image.jpg" alt="альтернативный текст"/>

      </div>

   </a>

</div>

код стиля

Код:

#l_photo{

   width:100%;

   height:550px;

   float: left;

}

#l_contain{

   width:50%;

   height:100%;

   float: left;

}