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

Socialite.js – Botones sociales en su web Una pequeña librería JavaScript que permite poner los botones sociales de Facebook, Twitter, Google y LinkedIn de forma fácil en cualquier web o blog....
GroundWork CSS – 02 – Framework HTML5 ... Segundo vídeo que muestro cómo estructurar una página web responsive para que se muestre de forma correcta en web y en dispositivos móviles. ...
jQuery – Validar formulario antes de enviarl... Os dejamos un videotutorial que detalla cómo validar un formulario antes de enviarlo, mostrando al usuario qué error está cometiendo y en que campo. V...
elrte – Editor de texto WYSIWYG para tus apl... Os damos a conocer uno de los editores de texto mas completos que existen para tus aplicaciones web, elrte. Cómo se utiliza ? Primero hay que de...