Как выровнять картинку внутри div блока по центру ?

программирование html css веб дизайн

.block-list-cart > div {
float: left;
margin-left: 2px;
}

(в div'e)

.img {
float: left;
width: 130px;
height: 125px;


}

Примечание:
float: left; для того чтобы все блоки выстроятся в ряд, их у меня аж 4
Ответы:
как ты ее выровняешь если везде  float- left? только отступами...
а нафига тогда float: left писать?.........
html:
<div class="block-list-cart">
 <div>
     <img src="http://img.ru/1.jpg">
 </div>
 <div>
     <img src="http://img.ru/2.jpg">
 </div>
 <div class="clear"></div>
</div>
css:
.block-list-cart{
 width:100%;
 display:block;
}
div.clear{
 content:'.';
 clear:both;
}
.block-list-cart > div {
 margin-left: 2px;
 display:block;
}
.block-list-cart img {
 width: 130px;
 height: 125px;
 display:block;
 margin:0 auto;
}
Ваш css - http://jsfiddle.net/holden321/8dvNY/
Все картинки в центрах своих div'ов


11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.