Imágenes "envueltas"

[laylu]

Buenas tardes,

Llevo unos días trapicheando con la web que intento acabar de una vez pero me encuentro con un problemilla que seguro no requiera más de 1 o 2 líneas de CSS.

http://www.saludydeporteconsciente.es o .com, como guste.

La cuestión es que el cliente quiere que ponga imágenes en el texto, lo que pasa es que al añadirlas, éstas se alinean correctamente con el texto (por ejemplo, a la derecha) y son rodeadas por él, el problema llega cuando hay un nuevo <p> o un <ul> o un <h2>, que pegan un salto hasta quedar justo al pie de la foto (como un </br>.

Puede alguien decirme cómo diantres evitar ésta representación en bloque y que la imagen no provoque éstos saltos ?

Muchas gracias por la atención.

Atentamente, laylu.

[willyfc]

eso pasa por que estas utilizando elementos de bloque (div,p,ul,h), prueba utilizando elementos de linea como un span asignandole una clase o id con los estilos que quieras.

[kseso?]

Flota las imágenes a derecha o izquierda y en el html colócalas fuera de los párragos, no dentro de ellos:
<img src="http://www.forosdelweb.com/f53/imagenes-envueltas-729424/.... />
<p>...</p>
<p>...</p>
<img src=".... />
<p>...</p>
<p>...</p>

Un saludo

[laylu]

Buenas tardes,

Con el consejo de kseso? y un "clear: both" de <p>, todo resuelto.

Gracias a ambos por la ayuda.

Atentamente, laylu.