How to center Facebook Page Plugin

Hello, I understand this is probably a stupid question however I have searched and could not find an answer. I’ve also encountered a few users with the same issue that remained unanswered so I figure I would try to ask here.

Basically, I’m trying to add to my website a Facebook Page Plugin, those little boxes that users can click to Like your Facebook page. I’m not using a plugin per se but Facebook’s own provided code. In a test page, I add an HTML block, in which I paste the code.

It’s very easy to set up but I can’t get it to be centered within my page. By default, it’s left-aligned. Of course, if I use align=”center” it works but I heard that this feature was no longer supported by HTML5 and therefore should not be used. Does it really matter if I do? Would it cause AMP problems? I’m not a coder. I can understand basic HTML but CSS is beyond me.

Does anyone know how I would go about centering it? By the way, I aim to use it in a reusable block.

Thank you very much for any help!

tl;dr: How would I center the following block of code?

For reference:

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v5.0"></script>

<div class="fb-page" data-href="https://www.facebook.com/page/" data-tabs="timeline" data-width="800" data-height="60" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/page/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/page/">page</a></blockquote></div>

• This topic was modified 4 years, 11 months ago by dereckbp.

The page I need help with: [log in to see the link]