FALLJUL
@FALLJUL
Веб-дизайнер

Как расположить картинку и текс в строчку в div?

Всем привет, делал домашку на курсе, нужно сделать карточку товара, но столкнулся с проблемой:
Никак не получается сделать картинку и текст в одной строчке, как на приложенном фото
5fa1745a8ee2e104347020.jpeg
У меня же выходит вот так 5fa1748e9c71a435359447.png
Вот код
HTML
<div class="ph">
		
		<img class="headphones" src="img/beats.png" alt="beats">
	
	<p class="text1">Наушники Beats</p>
	</div>

CSS
.{
	box-sizing: border-box;
}


}

body{

	background-color: #f6f6f6;

width: 1200px;
height: 675px;
}


.ph {

	width: 1010px;
height: 503px;
border: 1px solid #d7d7d7;
background-color: #ffffff;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 101px;
}


.headphones {
display: inline-block;
width: 376px;
height: 375px;
padding: 64px 586px 64px 48px;



}

.text1 {

margin: 94px 309px 387px 523px;
}
  • Вопрос задан
  • 80 просмотров
Решения вопроса 1
ikoit
@ikoit
Веб–разработчик
display: flex;
flex-direction: row;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы