Is there a way to use this code but center the image? Its stuck at the left?

[alwaysavocado]

Trying to get the image to be centered on my website, its stuck to the left, all the coding Ive tried didnt work. 

<div id="donate-button-container">
<div id="donate-button" ></div>
<script src="https://www.paypalobjects.com/donate/sdk/donate-sdk.js" charset="UTF-8"></script>

<script>
PayPal.Donation.Button({
env:'production',
hosted_button_id:'E5NYWQG',
image: {
src:'https://www.paypalobjects.com/en_US/i/btn/bt_LG.gif',
alt:'Donate with PayPal button',

title:'PayPal - The safer, easier way to pay online!',
}
}).render('#donate-button');

</script>
</div>

[MTS_Chiranjeevi]

Good day @alwaysavocado,

Thank you for posting to the PayPal community.

You can try using the <center> tag around the form to align the button to center. 

https://www.w3schools.com/css/

Sincerely,

Chiranjeevi

PayPal/Braintree MTS

If this post or any other was helpful, please enrich the community by giving kudos or accepting it as a solution.