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

Optimización página web – Paso 2 – Accesibilidad... Como mas accesible sea la web, el Sr. Google mas nos valora. Para seguir las normas de accesibilidad, hay que cumplir algunas normas que en el siguien...
Listados y contenidos multicolumna con CSS3 Qué tiempos aquellos cuando para poner contenidos multicolumnas en una página web, nos peleábamos con las listas multicolumna. Mediante márgenes, padd...
Three.js – WW2Viewer añadiendo Spitfire MK I... Este fin de semana he añadido un nuevo vehículos de la Segunda Guerra Mundial a mi catálogo 3D online. WW2Viewer es un pequeño proyecto realizado con ...
Optimizar ficheros js para disminuir tiempo de car... En muchas ocasiones nos encontramos con un problema que afecta al tiempo de carga de nuestra web. Llamamos a muchos ficheros javascript desde nuestra ...

Un comentario

Deja un comentario

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

*