Чтобы разместить картинку справа от текста при помощи CSS, можно использовать свойство float
. Вот пример CSS-кода, который размещает картинку справа:
HTML-код для картинки и текста:
<div class="content">
<p>Текст</p>
<img src="img/image.png" alt="Изображение">
</div>
CSS-код для размещения картинки справа:
.content img {
float: right;
margin-left: 10px; /* для создания отступа между текстом и картинкой */
}
Здесь мы указали, что картинка внутри элемента с классом .content
должна быть размещена справа от текста при помощи свойства float: right
. А чтобы создать отступ между текстом и картинкой, мы использовали свойство margin-left
.
Кроме того, можно применить другие свойства для управления расположением картинки и текста на странице, например display
, position
, padding
. В зависимости от дизайна страницы и нужного результата, могут быть использованы разные способы размещения картинок и текста.