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

Question

Comment aligner à droite une image à l'aide de CSS?

I ne pas voulez le texte à wrap-around l'image. Je veux que l'image alignée à droite soit sur une ligne par elle-même.

Answer 1

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

jsFiddle.

Answer 2

Il y a plusieurs façons de procéder, mais voici un exemple rapide d'une façon.

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

J'utilise les styles en ligne pour cet exemple, mais vous pouvez facilement placer dans une feuille de style et de référence de la classe ou l'identifiant.

Answer 3

Faites flotter l'image à droite, ce qui fera au début car votre texte l'entourera.

Ensuite, quel que soit l'élément suivant, définissez-le sur {clear: right; } et tout va s'arrêter autour de l'image.

Answer 4

Pour faire bouger l'image de droite:

float: right; 

Pour rendre le texte non enveloppé:

clear: right; 

Pour les meilleures pratiques, mettre le code CSS dans votre fichier stylesheets`. Une fois que vous aurez ajouté du code, il vous semblera difficile et difficile à modifier.