What's preventing this CSS code from vertically centering text?

HTML-CSS
1

a {
vertical-align: middle;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
flex-direction: column;
}

It manages to horizontally center the text but, vertically, is still positioned at the very top of the page.

2

@alexerobison :wave:
Hi mate welcome to this amazing platform.

1 Like
3

:pray: Thank you both for the welcome and for being a part of this amazing platform!

1 Like
4

I love to help, my friend, but I do not know how to get the full code.
Can you try and link the challenge page.
Thanks. You can do this :+1:
@Oluyemi

1 Like
5

Anytime my friend :+1:

1 Like
6

Thanks, friend. It’s actually for a personal website, not a challenge.
If it helps, here’s the anchor tag in HTML:

7

Hi @alexerobison :slight_smile:
The code is a bit incomplete for me to properly help.

Nevertheless you can check the style property of the a-tag parent.
It could be the blocker.

Thanks :+1:
@Oluyemi

1 Like
8

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.