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

[cebephb1y]

имеется блок 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;

}

[Switch74]

1. что за объект #l_contain?

2. в inline объекты не стоит вставлять block

3. l_users_photo у вас какие размеры имеет? Если они не указаны, то он должен быть на 100% ширины родителя, а родитель у вас растягивается по содержимому (получается замкнутый круг какой-то), а по высоте он растягивается по содержимому, т.е. по размеру картинки.

4. отцентрировать картинку в блоке вы хотите горизонтально или вертикально?

5. выкладывайте код в jsfiddle

[swandev]

2. в inline объекты не стоит вставлять block

 

В HTML5 помещать в ссылку блочные элементы можно.

[Switch74]

ни кто не запрещает но что путного из этого выйдет?