Please help me to center the text in navigation menu

Question

I need to center words "Czech Republic" (horizontal and vertical). And these words must be in two lines.

Here is my code:
https://code.sololearn.com/Ws3f7dvWAZCT/?ref=app

Here is a picture of what I have to do:
https://www.sololearn.com/post/1636292/?ref=app

Thank you!

Answer 1

Try
.word-czesh-rep {
display: block;
text-align: center;
}

Answer 2

For vertically middle with display flex

try
ul {
align-items: center;
}

Answer 3

Calviղ Thank you very much!!!

Answer 4

Calviղ RDC+243 For Beginners maybe you know and can help?

Answer 5

Calviղ Thank you! Now it is horizontal in the middle! And how to make it vertically in the middle?

Answer 6

For Vertical: comment out the display flex;

.menu {
text-align: center;
}

ul{
list-style: none;
/* display:flex */
justify-content: flex-start;
}