Задать вопрос
prim0
@prim0

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

Хочу сделать так как показано на картинке №1
4f8dcf29325b4d6184602d9b35757a8f.png

А получается как на картинке №2
10ca22a1500245c181e3a8da7be2f1a1.png

Вот код HTML:
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>First</title>	
	<link rel="stylesheet" href="styles.css">
</head>
<body>

	<div id="h1">
		<h1>text</h1>
	</div>

	<img src="img/1.png">

	<div id="content">
		<p>text</p>
		<p>text</p>
	</div>

</body>
</html>


Вот код CSS:
#h1, #content{
	text-align: right;
}
  • Вопрос задан
  • 117 просмотров
Подписаться 1 Оценить Комментировать
Решения вопроса 3
SagePtr
@SagePtr
Еда - это святое
У картинки указать float: left
Ответ написан
prim0
@prim0 Автор вопроса
Дошло быстро. обвернул картинку и текст в дивы, внутри обвёртки обернул отдельно катринку и текст. потом align'ом разметил.
Ответ написан
aleksand44
@aleksand44
div - это блочный элемент. То есть он по умолчанию занимает всю ширину браузера.
Нужно задать ширину и float.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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