Html отступ от картинки
Автор Анастасия Безант задал вопрос в разделе Другие языки и технологии
Как сделать отступ текста от картинки в css? и получил лучший ответ
Ответ от Андрей Севастьянов[гуру]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Как сделать отступ текста от картинки в css?</title>
<style>
img {
float: left;
margin-right: 2em;
}
</style>
</head>
<body>
<h1>Как сделать отступ текста от картинки в css?</h1>
<img src=" ссылка"/> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.​ Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.​ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.​ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.​
</body>
</html>
Используйте поля и отступы. img { margin: 10px; /* поля вокруг картинки в 10px */ } p { padding: 5px; /* отступы в контейнере абзаца в 5px */ }