Css - Alinear texto con imagenes

Códigos Css

A la hora de poner un texto al lado de una imagen siempre tenemos el problema que el texto se pasa a la linea de abajo, por lo que muchas veces utilizamos una tabla para alinearlos. Este codigo consigue alinearlo sin necesidad de insertar ninguna tabla. Debemos modificar la linea 3 con: left: izquierda Right: derecha

Tutores.org

Inicio > Css

Visitas: 68,367 - 18/06/2004 2:27:55

CODIGO

Este codigo aun no ha sido probado por Tutores.org en Opera

Este codigo aun no ha sido probado por Tutores.org en Safari

/* Codigo ofrecido por Tutores.org */

<head>
<style type="text/css">
.alinear {float: left;}
</style>
</head>
<body>
<img src="/tutores/images/mundo2.gif" class="alinear">
Este texto aparecerá a la izquierda de la imagen
</body>

ENLACE AL CODIGO

Si quieres enlazar desde tu pagina a este codigo

<a title="Tutores.org - Alinear texto con imagenes" href="http://www.tutores.org/codigo/1147/" target="_blank">Alinear texto con imagenes</a>

COMENTARIOS

Comentario usuario

index000 06/07/2005 20.10.48

5 5

Es posible que se alinie a una tabla? digamos, una tabla con dos columnas y fuera de la tabla el texto. la tabla tendria un tamaño predefinido.

Para q? o porque?

Tengo un cliente que quiere q a la imagen le figure un titulo, osea que abajo de la imagen abria texto dinamico tomado de una base de datos, si la solucion fuese otra, como por ejemplo alinear de alguna manera distinta por favor comentamelo, desde ya muchas gracias,.

Comentario usuario

carlosscarloss

5 5

Hola una consulta
es posible alinear un video con un texto??

Comentario usuario

jesus 12-01-2008 23:38:30

1 5

como hago para alinearlo

Comentario usuario

Jesús 18-05-2010 07:23:15

5 5

como hago para alinearlo

Comentario usuario

yosmairiyosmairi

1 5

me parece muy bien la informacion q da esta pagina..

Comentario usuario

RomerRomer

4 5

¿Cómo se puede lograr esto en una entrada de blogger sin tocar la "HEAD" en la edicoón de html del blog?

INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
	Codigo Seguridad
	Antes de enviar un comentario... Todos los comentarios son revisados personalmente Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado Usuarios registrados tienen preferencia en recibir respuestas de ayuda!! Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor. Por favor, insertar los comentarios descriptivos.