CSS – Evitar salto de linea después de etiquetas h1, h2, h3…

Veamos con un ejemplo cómo con unos estilos CSS podemos hacer que al final de las etiquetas h1, h2, h3… no se fuerce al salto de linea:

1
2
3
<div id="header">
    <h1>Mi titulo</h1> El resto del titulo en la misma linea
</div>

Para que todo se muestre el la misma linea, deberemos utilizar los siguientes estilos:

1
#header h1 { display:inline; }

Es sencillo, a la etiqueta h1 le asignamos un estilo display:inline. A partir de aquí podíes jugar añadiendo nuevos estilos (tamaño de texto, color…)

Artículos relacionados

Enlaces de redes sociales para compartir página Hay cientos de plugins/librerías para utilizar en nuestra página web que nos permiten compartirla en las principales redes sociales. Para ello, normal...
Medidas usuales de pantallas de ordenadores y móvi... Medidas pantallas de ordenador Pequeñas (portátiles y pantallas antiguas): 1024x600 Medianas: 1280x720 Grandes: 1400x900, 1600x1200 ... M...
HTML Kick Start Os facilitamos el enlace de un nuevo framework para la creación de páginas web de forma rápida y sencilla con HTML5 y CSS. http://www.99lime.com/el...
Optimizar ficheros css para disminuir el tiempo de... Como ya explicamos en una artículo anterior, en ocasiones encontramos problemas que afectan al tiempo de carga de nuestra web. Llamamos a muchas hojas...

Un comentario

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*