Footer widget content won't center align

[seola]

Hi, I have some html in a footer widget of my site (above the footer social media buttons).

The issue is it’s “almost” centered, but not perfect. Looks okay on desktop, most noticeable on mobile. Screenshot of issue: https://imgur.com/a/74VVn

I’ve tried removing my custom class that the text is wrapped around:

.footer-manual-menu-spacing { 
    word-spacing: 15px;
}

…but the issue is the same. also tried wrapping text in this and still didn’t work:
<div align="center"> footer content here </div>

Site: https://tinyurl.com/ybpjch2y

[thai]

Hi There,

Please change your HTML code to this:

<div class="footer-manual-menu-spacing">
	<ul class="footer-menu">
		<li><a class="gray-link" href="/" title="">Home</a></li>
		<li><a class="gray-link" href="/news" title="">News</a></li>
		<li><a class="gray-link" href="/tour" title="">Tour</a></li>
		<li><a class="gray-link" href="/music" title="">Music</a></li>
		<li><a class="gray-link" href="/speaking" title="">Speaking</a></li>
		<li><a class="gray-link" href="/agt" title="">AGT</a></li>
		<li><a class="gray-link" href="/store" title="">Store</a></li>
		<li><a class="gray-link" href="/signup" title="">Signup</a></li>
	</ul>
</div>

After that updating the custom CSS to this also:

body .footer-manual-menu-spacing {
    text-align: center;
}
body .footer-manual-menu-spacing ul.footer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
    background: transparent;
    width: 100%;
}

body .footer-manual-menu-spacing ul.footer-menu li {
    display: inline-table;
    background: transparent;
    margin: 0 15px;
}

Hope it helps

[seola]

This works perfectly. Footer text is now behaving exactly like it should be. Thanks

[friech]

We are delighted to assist you with this.

Cheers!