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.
<img style="float: right;" alt="" src="http://example.com/image.png" />
<div style="clear: right">
...text...
</div>
jsFiddle .
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.
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.
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.