Separación de anómala entre párrafos

[Daphne]

Me estoy volviendo loca porque, con el código que veis a continuación, los párrafos no se comportan como yo esperaba:

Código:

example {float: left; display: block; margin-left: 20px; width: 410px;}

En vez de dos saltos de línea separando los distintos párrafos, sólo hay uno, por lo que resulta muy difícil leer el texto. Es decir, sí hay puntos y aparte, pero ésa es toda la diferencia entre uno y otro párrafo. Si quiero que estén separados entre sí normalmente, tengo que pulsar Enter tres veces, y no debería ser así.

Dejando aparte margin-left y width, que sí espero estar entendiéndolos bien, ¿qué es lo que me estoy perdiendo de float y/o display?

Gracias de antemano por leerme.

[zerokilled]

no comprendo bien tu explicacion, aunque entiendo que quieres separar cada parrafo por dos lineas. ¿podrias mostrar un ejemplo de la maquetacion de los parrafos? de momento creo que lo unico que tienes que hacer es asignar un margin-top o margin-bottom a los parrafos.

[Daphne]

Así sale el texto ahora:

Me doy cuenta de que he dicho mal una de las cosas anteriores. Para separar dos párrafos hay que dar Enter tres veces, no dos, y eso es lo anormal.
Ponerte un ejemplo, es sencillo. No hace falta ni siquiera una captura de pantalla.
Tal como está el código ahora, los párrafos quedan así de horribles en vez de como deberían quedar (ver ejemplo de abajo).

Esto es lo que quiero:

Me doy cuenta de que he dicho mal una de las cosas anteriores. Para separar dos párrafos hay que dar Enter tres veces, no dos, y eso es lo anormal.

Ponerte un ejemplo, es sencillo. No hace falta ni siquiera una captura de pantalla.

Tal como está el código ahora, los párrafos quedan así de horribles en vez de como deberían quedar (ver ejemplo de abajo).

[zerokilled]

¿alguna razon de por qué aplicarle float:left;? en todo caso es normal si le aplicas float porque dicha propiedad hace que el flujo del elemento sea diferente. si necesitas el float, aplicale clear:right;. en adicion, tienes que aplicarle un margin-top o margin-bottom.

[Daphne]

La razón es que a la izquierda hay otro <div> que tiene que quedar a la misma altura que estos <div> con los que estoy teniendo problemas.

Sabía que el float cambiaba el flujo del elemento, pero lo de los párrafos se me ha hecho raro. Yo diría que no me había pasado nunca antes.

Probaré añadiendo un margin-bottom. Gracias.

[Daphne]

Nada. No sirve. Además, es que no cambia nada, como si le pongo margin-bottom veinte mil, que le da igual. No entiendo qué puede estar pasando.

Si a alguien se le ocurre algo, por favor, necesito ayuda.

[zerokilled]

muestra la estructura HTML. estoy asumiendo que tienes el codigo de los parrafos como sigue.

Código:

<p>Me doy cuenta de que he dicho mal una de las cosas anteriores. Para separar dos párrafos hay que dar Enter tres veces, no dos, y eso es lo anormal.</p>

<p>Ponerte un ejemplo, es sencillo. No hace falta ni siquiera una captura de pantalla.</p>

<p>Tal como está el código ahora, los párrafos quedan así de horribles en vez de como deberían quedar (ver ejemplo de abajo).</p>

y por cierto, un ejemplo para que lo puedas visualizar funcionando, con el mismo ejemplo anterior.

Código:

p{
float:left;
clear:left;
margin:0 0 1em;
width:300px;
background:#ccc;
}

y me equivoque en algo, era clear:left; para que cada parrafo quede uno debajo del otro.

[Daphne]

Los párrafos ya quedan uno debajo del otro, lo que no hacen es quedar separados a una distancia de separación normal entre párrafos y no sé cómo definir eso.

He probado clear: left y se descuadran los <div> que precisamente quiero mantener a la misma altura con el float: left. Es decir, el <div> de los párrafos anómalos aparece un poco por debajo del otro <div> con el que debería estar alineados horizontalmente.

¿Alguna otra sugerencia?

[zerokilled]

¿otra sugerencia? si tienes el documento en la web, señala la URL. sino, muestranos el codigo fuente de las partes implicadas. no puedo seguir adivinando sin saber como tienes el documento.

[Daphne]

Si supiera dónde está el fallo, sabría lo que tengo que mostraros. Sólo sé que en cuanto le aplico la class=example (definida en el primer mensaje) a cualquier texto, los párrafos se empiezan a comportan de esta manera.

Por eso he supuesto que el fallo debería estar (aunque sigo sin explicarme cómo) necesariamente en las líneas que he pegado al principio del hilo.

Estoy tan perdida que no sé qué más "partes implicadas" puede haber.

[zerokilled]

muestra todo el codigo, tanto html como css. entiendo que el codigo que has mostrado esta relacionado con los parrafos, pero se necesita saber la estructura de los elementos y los estilos aplicados. los parrafos pueden estar afectados por multiples propiedades y eso es lo que necesito determinar, cuales son. de lo contrario, no se que mas decirte.