Me gustaría insertar una línea en blanco en mi código HTML, pero me gustaría cambiar el tamaño de esta línea en blanco para ver si encaja con el resto de la página.Cambiar el tamaño de la línea en blanco en HTML
¿Alguien sabe cómo hacer esto?
La mejor manera sería poner un margen inferior en el elemento que desea un poco de espacio después. Las otras soluciones publicadas no son semánticas y su marcado terminará siendo un desorden gigante de elementos espaciadores sin contenido.
CSS es la forma correcta de presentación.
Por ejemplo, si tiene dos párrafos, y quiere un poco de separación después de la primera de ellas:
<p style="margin-bottom: 20px;">Blabla</p>
<p>Blabla 2</p>
Esto es sólo un ejemplo, la mejor opción sería utilizar id/class y una hoja de estilo separada.
La única otra solución semántica que puedo pensar es una <HR> element, pero es bastante problemática si quieres darle estilo a través del navegador (ver detalles en el enlace).
Se podría utilizar algo como:
<p style="height: 200px"></p>
¿Cómo sobre el uso de la propiedad line-height css?
De esta manera: <span style="line-height: 50px;"> </span>
podría insertar un div y cambiar la altura con CSS?
<div class="spacer"> </div>
CSS:
.spacer {
height: 100px;
}
Pero una mejor solución sería poner un margen inferior en el elemento que precede al espacio que desea.
<div class="some_content">
The stuff before the space
</div>
<!-- space here -->
CSS
.some_content {
margin-bottom: 100px
}
le daría a un espacio de 100 píxeles por debajo del contenido.
¡Gracias a todos por sus respuestas! – Bruno