Clear no funciona con claridad...explication...

[Kinopio]

Hola maestros, me pudieran decir como poner una imagen al lado de un texto, pero que no afecte su posicionamiento es decir, como el clásico posicionamiento en word de estrecho en donde el texto se va recorriendo dependiendo de la forma de la imagen...trate de usar clear pero no me sale...alguien que me pueda dar un pequeño ejemplo para despues adaptarlo a mi parrafo, lo que pasa es que son varias imagenes...pero para muestra basta un botón...
gracias...

[rith]

mira puedes hacer esto:
.img-flota{
float: left; o puede ser right
}
.texto-flota{
float: left;
}
<img src="" class="img-flota">
<div class="texto-flota">
aqui el texto que quieres que se coloque a la par de la imagen...
</div>
<div style="clear:both"></div>

[Kinopio]

rith...gracias por responder...dos cosas:
1. yo utilizo un div para colocar la imagen, eso puede afectar a que no me salga??
2. el div ke pones con style: clear:both; lleva algo en especial o solo sirve para establecer el espacio entre texto e imagen???

[rith]

Iniciado por Kinopio

rith...gracias por responder...dos cosas:
1. yo utilizo un div para colocar la imagen, eso puede afectar a que no me salga??
2. el div ke pones con style: clear:both; lleva algo en especial o solo sirve para establecer el espacio entre texto e imagen???

R1->no mira con que tenga las propiedades css que le pusimos a la clase de la img eso bastara para que el div se comporte como queremos.

R2->No mira con clear lo que haces es que si colocas nuevas capas abajo de las que flotan esto no afecte a ellas ya que si no ocupas un clear despues de esas capas las que pongas te aran un relajo jajaj a si que ten cuidado siempre que ocupes capas con propiedades float siempre ocupa un clear al final d ellas, puedes ponerlo en un <br style="clear:both"> con tal que lo pongas men...