Avisos
Vaciar todo
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
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
😊 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
Hola Miguel Ángel,
Genial! es un gusto siempre ayudarte, cualquier otra consulta estaremos atentos
Saludos!
Respondido : 14/08/2021 6:39 pm
