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

Apuntes librería JavaScript 3D Three.js Este fin de semana, y aprovechando las fiestas Navideñas, me he puesto a curiosear la librería Three.js Como normalmente tengo la cabeza casi llena de...
HTML5 – Números de teléfono Muchas veces, al hacer una página 'responsive' ponemos en nuestro código un teléfono. HTML5, sobretodo en los navegadores de móviles, pueden hacer que...
Web Sniffer Para quien no la conozca, os hago llegar una interesante herramienta online encargada de leer los entresijos de una petición web. Cuando en nuestro na...
Frameworks para php Cuando hay que crear proyectos serios hay que recurrir a un Framework que lo apoye. La palabra seriedad la aplico a proyectos medianos-grandes que nec...

Un comentario

Deja un comentario

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

*