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