¿Cómo usar una etiqueta dentro de una en el medio de un texto?

Quiero hacer algo como esto:

This is a

text

paragraph.

Inhabilité el margen y el relleno para la h2, pero aún se rompe la línea antes y después de la etiqueta h2. ¿Cómo puedo usar la etiqueta h2 en el medio de un texto y hacer que parezca que era una palabra normal, al igual que ?

El doctype de mi documento html es “XHTML 1.0 Transitional”

No es apropiado usar una etiqueta que signifique “encabezado” dentro del texto del cuerpo. Las tags son tags lógicas; su uso imparte significado al texto adjunto, a saber, que el texto es un encabezado de sección.

Aunque podría usar el atributo display: inline , considere usar una etiqueta más apropiada, o incluso una etiqueta .

No es válido tener un h2 dentro de una p .

Aparte de eso, y para responder a su pregunta, un h2 es un elemento de nivel de block . Convertirlo en un elemento de nivel en inline hará que se comporte de manera similar a como describes la etiqueta b actuando.

 p h2{display:inline} 

Como dije antes, el HTML que has dado no es válido.

No, el objective es que sea un encabezado. Los encabezados están en su propia línea. En cambio, usa CSS. Di texto y luego en un archivo CSS, elige un tamaño de fuente.

Tendrás que hacerlo

 display:inline; 

h2 es un elemento de bloque.

La etiqueta h2 marca un título, que por definición no forma parte de un texto. Entonces, lo que estás haciendo probablemente no sea la mejor manera. Considera hacerlo de manera diferente.

Crea una clase como .myH2 (no es el mejor nombre) con el mismo código de h2 y usa un lapso en p como

 

this is myH2.

A pesar del uso incorrecto de la etiqueta

dentro de un párrafo, podemos

para mantenerlo en un párrafo. Probé uno de los trucos anteriores de css en Firefox y Chrome de la siguiente manera:

Código HTML

One paragraph with

title text

in the middle

Truco de CSS p h2{display:inline}

PERO no obtiene el resultado que espero. El navegador trunca el párrafo justo antes de la etiqueta h2 inicial. Mira DOM desde Firebug:

enter image description here

Por lo tanto, el truco CSS p h2{display:inline} no funciona correctamente porque la regla CSS no es verdadera, es decir, la etiqueta

no está dentro de la etiqueta

. Se parece a esto:

enter image description here

Agregar truco de CSS solo para la etiqueta

h2{display:inline} no es la solución definitiva. Se verá así:

enter image description here

El trabajo final es:

Código HTML

One paragraph with

title text

in the middle

Truco de CSS .inline-object" {display:inline}

Esto se verá como esperamos:

enter image description here

Si está tratando de enmascarar el texto del título

como texto ordinario, simplemente agregue dos reglas más a la clase .inline-object" {display:inline;font-size: inherit;font-weight: normal;}

Firefox cortando mi P, debido a H2 dentro de ella. Y luego crear P para

(párrafo vacío). Y es bueno. Debido a que se genera automáticamente, y para limpiar las tags P, necesito escribir decenas de código PHP.