Надо, чтобы текст (Человек 1, город Алматы) был справа от картинки. Как это сделать?
3
-
сначала покажите свой код– Избыток сусликов5 мая 2018 в 9:52
-
htmlbook.ru/css– MedvedevDev5 мая 2018 в 9:52
-
хм, position & float думаю тебе смогут помочь.– Дмитрий Крючек5 мая 2018 в 10:00
Добавить комментарий
|
1 ответ
Если необходимо сделать слева картинку а справа текст, советую использовать следующий html
код:
<div class='wrapper'>
<div class='image'>
<img src='/someurl'>
</div>
<div class='text'>
<h2>Человек 1</h2>
<span>Город Алматы</span>
</div>
</div>
И задаем свойства css
с помощью flex
:
.wrapper {
display: flex;
align-items: center;
}
.image img {
height: 500px;
width: 500px;
}
.text {
padding-left: 15px;
}
Пример на JSFiddle