web-dev-qa-db-fra.com

aligner à droite une image à l'aide de CSS HTML

Comment puis-je aligner à droite une image en utilisant CSS.

Je pas je veux que le texte wrap-around l'image. Je veux que l'image alignée à droite soit seule sur une ligne.

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

jsFiddle .

59
alex

Faites flotter l'image à droite, ce qui au début fera en sorte que votre texte s'enroule autour d'elle.

Quel que soit l'élément très suivant, définissez-le sur {clear: right; } et tout cessera de s'enrouler autour de l'image.

12
jeffszusz

Il existe plusieurs façons de procéder, mais voici un exemple rapide d'une méthode.

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

J'ai utilisé des styles en ligne pour cet exemple, mais vous pouvez facilement les placer dans une feuille de style et référencer la classe ou l'id.

5
Misty Lackie

Pour déplacer l'image vers la droite:

float: right;

Pour que le texte ne soit pas enveloppé:

clear: right;

Pour une meilleure pratique, placez le code CSS dans votre fichier de feuilles de style. Une fois que vous avez ajouté plus de code, il sera difficile à éditer.

2
Sweet_Cherry