выровнять изображение с помощью CSS HTML

Question

Как выровнять изображение по правому краю с помощью CSS.

Я не хочу, чтобы текст wrap-around соответствовал изображению.Я хочу, чтобы выровненное по правому краю изображение находилось на одной линии.

Answer 1

<img style="float: right;" alt="" src="http://example.com/image.png" />
<div style="clear: right">
   ...text...
</div>    

jsFiddle .

Answer 2

Плавающее изображение вправо, которое сначала заставит ваш текст обернуться вокруг него.

Тогда каков бы ни был элемент следующий , установите для него значение {clear: right; } и все перестанет обтекать изображение.

Answer 3

Есть несколько разных способов сделать это, но ниже приведен быстрый пример одного из способов.

<img src="yourimage.jpg" style="float:right" /><div style="clear:both">Your text here.</div>

Я использовал встроенные стили для этого примера, но вы можете легко разместить их в таблице стилей и ссылаться на класс или идентификатор.

Answer 4

Чтобы изображение двигалось вправо:

float: right;

Чтобы текст не был перенесен:

clear: right;

Для лучшей практики поместите код css в файл таблиц стилей. Как только вы добавите больше кода, он будет выглядеть грязно и трудно редактировать.