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 Commented 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. Commented el 2 feb. 2018 a las 9:43
  • No hay de que, para eso estamos ;)
    – Hictus
    Commented el 2 feb. 2018 a las 9:44

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

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