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

Question

Comment puis-je aligner à droite une image à l’aide de CSS.

Je ne veux pas que le texte soit `` à l’image. Je veux que l’image alignée à droite soit sur une ligne par elle-même.

Answer 1

<pre><code></code><p><a href="http://jsfiddle.net/3aHyL/" rel="noreferrer">jsFiddle</a>.</p></pre>

Answer 2

Faites flotter l’image vers la droite, ce qui entraînera d’abord votre texte à s’enrouler autour d’elle.

Ensuite, quel que soit l’élément suivant, réglez-le sur { clear: right; } et tout cessera de s’enrouler autour de l’image.

Answer 3

Il existe différentes façons de le faire, mais voici un exemple rapide d’une façon.

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.

Answer 4

Pour que l’image se déplace vers la droite :

Pour que le texte ne soit pas renvoyé à la fin :

Pour la meilleure pratique, placez le code css dans votre fichier de feuilles de style. Une fois que vous avez ajouté plus de code, il aura l’air désordonné et difficile à modifier.

Answer 5

Ma solution de contournement pour ce problème consistait à définir sur l’élément image. Avec cela, votre image et votre texte seront alignés vers la droite si vous définissez à partir d’un conteneur parent.