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

I'm confused by the goal. Does the footer need to be fixed? If yes, see example 2. Does the wrapper need to be height 100%?

Example 1: FIDDLE

Example 2: To fix the footer to the bottom of the window, add this to the footer:

width:50%;
position:fixed;
bottom:0;
left:50%;
margin-left:-25%;