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 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

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

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