How to put the text of footer in center and the links of menu in center and next to each other?

Question

I am expected result and the code are as following. My current style works but the problem is that the footer is too wide and and menu1.menu2,menu3 are not as illustrated bl

Answer 1

See updated code here.

I've wrapped the menu links in another div: display: inline-block with the text-align of the #menu set to center. This centers the three links.

The text in the footer is also centered through text-align: center.

Firstly, it is bad practice to open a new question asking the same thing. Secondly, avoid announcing "My code" unless you wrote the majority of it (this is not the case here). Thirdly, this question does not show much research effort as the footer text-align can easily be searched up.