No uses <br /> para diseñar.
El espacio entre un elemento y otro lo puedes controlar de tres maneras diferentes.
* padding
* margin
* border
Suponiendo que tu código es:
Código HTML :
<h2>Algún título</h2>
<p>Algún párrafo</p>
Haciendo:
Código HTML :
h2 {
margin: 0;
padding: 0;
}
Quitas todos los espacios que hay entre <h2> y todos los otros elementos a su alrededor... pero el tag <p> podría tener sus propios valores para padding, margin y border, entonces...
Código HTML :
h2 {
margin: 0;
padding: 0;
}
p {
margin: 0;
padding: 0;
}
Ya no tienes separaciones entre los dos elementos. Sin embargo tú quieres que haya alguna entre los dos y esté controlada por el tag <h2>, entonces podrías hacer...
h2 {
margin: 0 0 10px 0;
padding: 0;
}
p {
margin: 0;
padding: 0;
}
[/html]
Puedes especificar un valor para cada lado del elemento siguiendo el orden de las agujas del reloj (arriba derecha abajo izquierda). Si pones un valor distinto de cero, tienes que especificar la unidad, en este caso 10px son 10 píxeles.
La diferencia entre padding y margin es que padding es la distancia entre el texto y el border, mientras que margin es entre el border y el siguiente elemento.
