Evitar salto de línea en encabezados H (h1, h2, ...)

[brusjc]

Hola a todos: necesito vuestra ayuda para resolver un problema que no consigo superar.

Cuando ponemos un encabezado del tipo <h1> o <h2> automáticamente se produce un salto de línea, y ese salto de línea lo quiero evitar, es decir, que el encabezado correspondiente, h2 por ejemplo, siga en la misma línea que el texto anterior y el texto siguiente.

Pongo un ejemplo aclaratorio:

<p>Esto es un <h2>ejemplo</h2> de lo que necesito conseguir.</p>

Este texto aparece en el navegador así:

Esto es un
ejemplo de lo que quiero conseguir.

Y lo que pretendo es que salga así:

Esto es un ejemplo de lo que quiero conseguir.

Para solucionar el problema y según lo que he leído, he modificado el h2 en en css y he incluido lo siguiente:

h2 {
font-size:1em;
display: inline;
font-weight:normal;
}

Aún incluyendo el "display: inline;" sigue haciendo el salto de línea. ¿Me podéis ayudar? Os lo agradezco de antemano.

Un saludo

[kseso?]

Todos los hnº son elementos de bloque. Así que la solución es la misma que para cualquier otro elemento de igual característica.
O los flota (con anchura declarada, problemático) o los declara de línea o inline-block. A ambos (h1 y h2)

[snowmanchip]

Sólo agrega

Código CSS:

p {
    display:inline;
    
}
 

Saludos

[ryugen]

como dice snowmanchip vas a conseguir lo que buscas pero deberías reeplantearte la semántica de lo que tratas de hacer.

En este caso el h2 es un encabezado de segundo nivel, por que razón iría un encabezado dentro de un parrafo? Si tu objetivo es cambiar el estilo o el tamaño de la fuente, deberías utilizar el tag "span", o "b" y/o "i" que fueron redefinidos en HTML 5 con nuevo significado.

Osea cual es la necesidad de utilizar un encabezado como elemento en linea?