Avisos
Vaciar todo

[Resuelto] Etiqueta de UN (uno sólo) encabezado sin nueva línea  

 
Miguel Ángel
 Miguel Ángel
Estimable Member

Buenas noches.

Implementando el código HTML/CSS (*) -ver más abajo-, el resultado que obtengo es del tipo:

¿Temperaturas? ¿Viento? ¿Qué tiempo crees que me puedo encontrar?
[1]

Y lo que deseo obtener es del tipo:

¿Temperaturas? ¿Viento? ¿Qué tiempo crees que me puedo encontrar?[1]

Es decir: después de la etiqueta <h2></h2> se inserta una nueva línea, mientras que yo lo que deseo es que "[1]" esté en la misma línea que el texto al que le aplico <h2></h2>.

Si me pudierais ayudar os estaría agradecido.

---

Nota 1. En realidad "[1]" va como superíndice, lo cual consigo con la etiqueta <sup></sup>. No lo tengo en cuenta en los resultados anteriores porque no sé cómo poner superíndices aquí en el foro. De todos modos mi problema no es con el superíndice, sino con la nueva línea tras <h1></h1>.

Nota 2. He probado "display: inline;" y también he probado "display: inline-block;" y se sigue insertando una nueva línea.

Nota 3. No deseo que todos los <h2></h2> tengan detrás un superíndice con otra tipografía. Es sólo a un <h2></h2> de un post concreto.

(*) Nota 4. Código implementado sin éxito.

HTML
<h2>¿Temperaturas? ¿Viento? ¿Qué tiempo crees que me puedo encontrar?</h2>
<sup class="super-indice">[1]</sup>

CSS
h1.post-title,h2.post-title {
font-family: 'Helvetica','Arial','sans-serif','Helvetica Neue' !important;
font-size: 2.0em !important;
font-style: normal !important;
font-weight: 700 !important;
}

.super-indice {
font-family: 'Helvetica','Arial','sans-serif','Helvetica Neue' !important;
font-size: .8em !important;
color: #151515 !important;
font-weight: 400 !important;
}

Contenido solo visible a usuarios registrados

Respondido : 14/08/2021 3:11 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Miguel Ángel,

Tomando en cuenta lo que deseas hacer yo lo aplicaría de la siguiente manera


<h2>¿Temperaturas? ¿Viento? ¿Qué tiempo crees que me puedo encontrar? <sup class="super-indice">[1]</sup></h2>

Donde al incluir el sup dentro del H2 garantizas que no salte la linea, además que ya con la clase que le aplicaste puedes modificar el estilo del sup para que pueda diferenciarse del estilo por defecto del H2, simple y sencillo.

Saludos!

Respondido : 14/08/2021 3:36 am

Cursos Gratuitos WordPress

Miguel Ángel
 Miguel Ángel
Estimable Member

@bruno-vichetti

😊 Sí. La solución que aportáis es simple, sencilla y proporciona el resultado que quería obtener. No se me había ocurrido incluir el <sup></sup> dentro del <h2></h2>. Funciona perfectamente. 😊

Por mi parte damos el tema por cerrado. Muchas gracias y un saludo cordial. 😊

Respondido : 14/08/2021 6:33 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Miguel Ángel,

Genial! es un gusto siempre ayudarte, cualquier otra consulta estaremos atentos

Saludos!

Respondido : 14/08/2021 6:39 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress