1

Quiero poner un texto entre paréntesis, pero los paréntesis son el doble de tamaño que el texto y al hacerlo todo el teto queda alineado hacia abajo.

He intentado hacer:

.texto {
	color: #FFE5CC;
	font-size: 1rem;	
	vertical-align: middle;
}

.parentesis {
	font-size: 2rem;
}
<h3 class="texto"><span class="parentesis">(</span>  texto  <span class="parentesis">)</span></h3>

Pero no centra el texto verticalmente respecto a los paréntesis. ¿Como lo puedo hacer? Gracias

1
  • puedes poner una imagen de como quieres que quede, porfavor
    – userStack
    el 31 ene. 2018 a las 16:55

1 respuesta 1

3

Para ello deberías jugar con la propiedad vertical-align de css, en tu caso el valor sub es el que se amolda.

.texto {
	color: #FFE5CC;
	font-size: 1rem;	
	vertical-align: middle;
}

.parentesis {
	font-size: 2rem;
  vertical-align:sub;
}
<h3 class="texto"><span class="parentesis">(</span>  texto  <span class="parentesis">)</span></h3>

2
  • Gracias, desconocía la esa propiedad. el 2 feb. 2018 a las 9:43
  • No hay de que, para eso estamos ;)
    – Hictus
    el 2 feb. 2018 a las 9:44

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.