Reply To: How to center menu and footer bar?

[web_editor]

Here’s the html of menu bar:

<nav id="site-navigation" class="main-navigation menu-left">
            <div class="ak-container">
                <h1 class="menu-toggle">Menu</h1>

                <div class="menu-menu_list-container"><ul id="menu-menu_list" class="menu"><li id="menu-item-860" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-860"><a href="http://66.147.244.92/~homecre1/">Home</a></li>
<li id="menu-item-861" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-861"><a href="http://66.147.244.92/~homecre1/about-us">About Us</a></li>
<li id="menu-item-865" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-865"><a href="http://66.147.244.92/~homecre1/for-retailers">For Retailers</a></li>
<li id="menu-item-862" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-862"><a href="http://66.147.244.92/~homecre1/careers">Careers</a></li>
<li id="menu-item-864" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-864"><a href="http://66.147.244.92/~homecre1/loans">Loans</a></li>
<li id="menu-item-863" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-863"><a href="http://66.147.244.92/~homecre1/payments">Payments</a></li>
<li id="menu-item-866" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-866"><a href="http://66.147.244.92/~homecre1/contacts">Contacts</a></li>
</ul></div>         </div>
        </nav>

Footer html:

<footer id="colophon" class="site-footer" role="contentinfo">
    
        
        <div id="bottom-footer" style=clear:both;>
        <div class="ak-container">
            <div class="site-info">
                
                <a href="http://66.147.244.92/~homecre1/" title="Access Keys">Home</a>              <span class="sep"> | </span>
                <a href="http://66.147.244.92/~homecre1/contact" title="Access Keys">Contact Us</a>         </div><!-- .site-info -->

            <div class="copyright">
                &copy; HC Consumer Finance Inc., 2014               <a href="http://66.147.244.92/~homecre1">
                                </a>
            </div>
        </div>
        </div>
    </footer>

I change it to block but nothing happened