Let’s continue my CSS/HTML questions regarding the “Continue reading” link on Hentairules, if you don’t mind ;)

No hentai is shared in that post, I’m not blaming anyone not willing to read on, I’m simply asking for CSS and HTML advice

Click that hentairules link, for an example. Look around, see the one thing that is always aligned left, even though the rest is either centered or right-aligned ?

So, a week ago, I was wondering why the “CONTINUE READING” links at the bottom of the posts on the index page of Hentairules weren’t centered.
I was telling I tried centering them with CSS and failed.

For reference, this “CONTINUE READING” separator is, in HTML-for-wordpress, written as <!–more–>, and its CSS class is class=”more-link”.

I got a poor workaround, manually wrap the <!–more–> tag between <p style=”text-align: center;”> </p> before saving the post. It works. Sometimes, I’ve done it in the past, not quite deliberately, but in “let’s center everything it’s simpler” moments.

But, sadly, this is a very poor workaround. That will only work for the posts in which the <!–more–> has been surrounded by the proper HTML But, hey, Hentairules has more than 9400 posts since I started the blog in 2006, and most of them contain a <!–more–> link. Must I rewrite them all ?

OK, OK, sure, I could get it done with a phpmyadmin replacement, such as:
UPDATE wp_posts SET post_content = REPLACE (
post_content,
‘<!–more–>’,
‘<p style=”text-align: center;”><!–more–></p>’);
I would first try it on a temporary clone of the database of Hentairules on a test installation, just to make sure the double quotes don’t need \escaping in that context. I think not, but, hey, better be sure!

But… no. Just… no.
Having to bulk update 9000++ posts with a database operation because I can’t get formatting done with CSS, even for someone like me, it sounds wrong.

And so we’re back to square one:
Please, boys, girls, is there any chance YOU would manage to get the centering of the “CONTINUE READING” done through CSS, in your browser inspectors and code changing developer tools ?

Please ?

For reference, the concerned CSS for the “CONTINUE READING” link is:
https://www.hentairules.net/wp-content/themes/canvas/custom.css
and
You can view here a non-minified version of the file.
Also, there may be interferences from the main styleshee of Hentairules, in case if specifies things that aren’t “corrected” in the custom.css above,
You can view here a non-minified version of the main style.css

A clarification, the blog theme first reads its style.css, and then its custom.css: in case something is mentioned in both style.css and custom.css, then custom.css “wins”. Personal additions of new styles also go into custom.css.

My attempts, in which I later added !important after finding they didn’t work (and it still didn’t work ) were:
.more-link {
    text-align: center !important;
    margin: 0 auto !important;
}        

.more-link p {
    text-align: center !important;
    margin: 0 auto !important;
}       

I tried only the “text-align: center;” or only the “margin: 0 auto“, but neither of them worked.

And the “normal” CSS specifications for this “CONTINUE READING” text, just above my attempts, are:
article.type-post a.more-link {
    -moz-appearance: none;
    background: none 0 0 repeat scroll #dd3333;
    border-color: rgba(255, 255, 255, 0);
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 0 0 #888;
    box-sizing: border-box;
    color: white !important;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 1em;
    font-weight: 200;
    line-height: 1.618em;
    overflow: visible;
    padding: 0.327em 1em;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    white-space: normal;
    width: auto;
    margin-top: 20px;
}

article.type-post a.more-link:hover {
    background: none 0 0 repeat scroll #881616;
    text-decoration: none;
}

Please, if YOU, you manage to make it work in CSS, I’ll be most grateful if you can share how you achieved that