Автор Андрей задал вопрос в разделе Верстка, CSS, HTML, SVG
CSS. Как выровнять картинку по центру блока? и получил лучший ответ
Ответ от
попробуй display: table-cell;, если не поможет лучше на фидле выложи и кинь сюда ссылку быстрей ответят
ссылка Здесь можно разместить код и запустить. Пользователи чаще помогают, если написан код. Ни у кого нет желания писать код, но когда код готовый, с удовольствием помогут
Ответ от Илья Ш[гуру]
display: table-cell;
display: table-cell;
Ответ от Данил[новичек]
к картинке примени margin 0 auto;
к картинке примени margin 0 auto;
Ответ от Ёиамский кот[гуру]
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin:0;
padding:0;
}
.wrap{
width:500px;
margin:10px auto;
text-align:center;
border:1px solid red;
}
.wrap img{
width:50%;
height:auto:
}
</style>
</head>
<body>
<div class="wrap">
<p><img src=" alt="" /></p>
</div>
</body>
</html>
вот так
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin:0;
padding:0;
}
.wrap{
width:500px;
margin:10px auto;
text-align:center;
border:1px solid red;
}
.wrap img{
width:50%;
height:auto:
}
</style>
</head>
<body>
<div class="wrap">
<p><img src=" alt="" /></p>
</div>
</body>
</html>
вот так
Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с ответами на Ваш вопрос: CSS. Как выровнять картинку по центру блока?
На CSS как выровнять изображение по центру по вертикали?
HTML :
<div>
<img src="url image" alt="">