alinee a la derecha una imagen usando CSS HTML

Question

¿Cómo puedo alinear correctamente una imagen usando CSS?

I no quiere el texto a wrap-around la imagen. Quiero que la imagen alineada a la derecha esté en línea sola.

Answer 1

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

jsFiddle.

Answer 2

Hay varias maneras diferentes de hacerlo, pero a continuación se muestra una muestra rápida de una forma.

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

que utilizan estilos en línea para esta muestra, pero se puede colocar fácilmente estos en una hoja de estilo y hacer referencia a la clase o ID.

Answer 3

Flote la imagen a la derecha, que en primer lugar haga que su texto lo envuelva.

Entonces cualquiera que sea el mismo elemento siguiente, ajústelo en {claro: derecho; } y todo dejará de envolverse alrededor de la imagen.

Answer 4

para hacer la imagen movimiento correcto:

float: right; 

para que el texto no se separe:

clear: right; 

Para mejores prácticas, poner el código CSS en el archivo de hojas de estilo. Una vez que agregue más código, se verá complicado y difícil de editar.