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

Всем здравствуйте. Как мне расположить текст не под картинкой, а справа от картинки?
  • Вопрос задан
  • 2207 просмотров
Решения вопроса 2
@Spisoktem
img{
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}
Ответ написан
Комментировать
@Valera221
Делаю сайты
Берешь родителя <div class="content"></div> в него заворачиваешь картинку и текст, текст также заворачиваешь в <div class="text"></div>
И того

<div class="content">
<img src="img/protektokrat_home.gif" width="165" height="165">
     <div class="text">
       Starbound --- игра разработанная Chucklefish. Жанр игры песочница, платформер. 
	<br>Имеет 2D пикельную графику. Вышла в 2016 году. 
		<br>Доступна в Steam и стоит 299 рублей. 
		<br>На данный момент последняя версия 1.4.4 Bounty Hunter Update
		<br>
		<br>
		Системные требования: 
		<br>ОС: Windows Vista - 10 
		<br>Оперативная память: 2 ГБ 
		<br>Процессор: Core 2 duo 
		<br>Видеокарта: 256 МБ
		<br>Памяти на жестком диск: 4 ГБ
     </div>
</div>


Даешь родителю, а то есть классу content - display: flex;
.content {
display:flex;
}
И также в дальнейшем я советую изучать flex box, это более эластичная структура верстания.
Также можешь сделать флоатом
img{float: left;}
.text{float:left}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
arteqrt
@arteqrt
Почти не начинающий програмист
Картинку и текст клади в один div и с flex все свободно меняй
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы