+ 1

Please help me to center the text in navigation menu

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!

21st Apr 2022, 9:42 PM
PR PRGR
PR PRGR - avatar
6 Answers
+ 1
Try .word-czesh-rep { display: block; text-align: center; }
22nd Apr 2022, 9:19 AM
CalviŐ˛
CalviŐ˛ - avatar
+ 1
For vertically middle with display flex try ul { align-items: center; }
23rd Apr 2022, 5:23 AM
CalviŐ˛
CalviŐ˛ - avatar
+ 1
CalviŐ˛ Thank you very much!!!
1st May 2022, 10:43 AM
PR PRGR
PR PRGR - avatar
0
CalviŐ˛ RDC+243 For Beginners maybe you know and can help?
22nd Apr 2022, 5:31 AM
PR PRGR
PR PRGR - avatar
0
CalviŐ˛ Thank you! Now it is horizontal in the middle! And how to make it vertically in the middle?
22nd Apr 2022, 9:51 AM
PR PRGR
PR PRGR - avatar
0
For Vertical: comment out the display flex; .menu { text-align: center; } ul{ list-style: none; /* display:flex */ justify-content: flex-start; }
23rd Apr 2022, 3:15 AM
Chris Coder
Chris Coder - avatar