Why can't i center this?

Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

but everything i try does not work!

Like what?

See this tutorial about centering things https://www.w3.org/Style/Examples/007/center.en.html

hi Andrew! ty for your reply!

i’ve been trying to make margin-left and right set to auto but its not working at all =(

tried putting them in both of #wp_page_numbers and #wp_page_numbers ul

When i check with FireBug, it seems to be automatically setting these values:

display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;

then i copyed these and put on my code, setting the values to 0, forcing them to be 0.

I dont even know why the code is putting those lines in first place >.<

Im checking your link now, ty Andrew!

Try this:

#wp_page_numbers ul {
    border: medium none;
    display: table;
    line-height: 12px;
    margin: 0 auto;
    text-decoration: none;
}

Worked like a charm!!

Thank you so much WPyogi and Adrew!! ^.^