Alinear texto vertical enlace

[alvaro_trewhela]

Estimados tengo esto:

.enlace{
display:inline-block;
height:170px;
font-size:20px;
}

Pregunta, el texto se puede alinear centrado verticalmente, busqué en google

vertical-align:middle

Pero no funcionó
¿Solución?

Saludos.

[KATHYU]

Código CSS:

.enlace{
display:block;
height:170px;
font-size:20px;
background-color:teal;
color: white;
transform: rotate(-90deg);
}
 

Para que transform: rotate(-90deg); funcione se debe colocar solamente como display:block; y ojo que ahi solo rota el texto no lo coloca en forma vertical que no se si lo que quiere es eso, ejemp.
L
I
N
K

un tema mas completo de esa area es este (link)

[alvaro_trewhela]

No parece que me expliqué mal, idea es la siguiente:

Código pseudo:

----
enlace
 
 
 
 
----
 

Que se vea así

Código pseudo:

---
 
 
enlace
 
 
---
 

Eso, gracias por la respuesta

[ArturoGallegos]

Si solo sera una linea puedes usar line-height, es decir

Código CSS:

{
height:33px;
line-height:33px;
}
 

Inclusive podrías omitir la altura y unicamente aplicar line-height

[Rafael]

Para alinear normalmente lo haces contra un contenedor. En este caso no estás definiendo un contenedor, por lo que no puedes alinearlo en realidad.

Una opción de simular un alineado es usar un padding-top.

Cuando sí estás usando un contenedor, entonces, defines la altura en el contenedor, y después alineas el elemento interno.

Código CSS:

.enlace{
   height:170px;
   font-size:20px;}
 
.enlace >div {
   vertical-align:middle;
   display:inline-block;}
 

Una mejor opción es usar flexbox y align-items: center. Este alineará también elementos de bloque;

Código CSS:

.enlace{
        display: -ms-flexbox;
        display: flex;
        align-items: center;}
 

[alvaro_trewhela]

pruebo

[alvaro_trewhela]

Si eso era como dijo Rafael faltaba contenedor.

Gracias a todos