center button without effecting page text

[biznazz101]

Hello, I am attempting to add a button to a product page but cannot seem to center align it without also centering all text below it on the page. I have attached screenshots and code below. I would like to center align the button so it is even with the two above it. Thanks.

<input type="submit" class="button" style="color:#14d46e;background-color:#0e1a4c; border:3px solid #6a6ec5;margin:-10px"" value="My Text Here" />

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[PageFly-Victor]

Hi @biznazz101 ,

This is Victor from PageFly - Landing Page Builder App.

You can try this code, I fixed it.

<div  style=" display:flex; justify-content: center;">

<input type="submit" class="button" style="color:#14d46e;background-color:#0e1a4c; border:3px solid #6a6ec5;margin:-10px" value= "My Text Here"/>

</div>


Hope this answer helps.
Best regards,
Victor | PageFly

[GemPages]

Hello @biznazz101 ,

It's GemPages support team and glad to support you today. I would like to give you the recommendation to support you.

Let's try using this code:

<input type="submit" class="button" style="color:#14d46e;background-color:#0e1a4c; border:3px solid #6a6ec5;margin:0 auto; display: block" value="My Text Here" />

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

[Ujjaval · Accepted solution]

@biznazz101 
Try below one : 

<div class="nwtxt" style="display:flex;justify-content:center;">
<input type="submit" class="button" style="color:#14d46e;background-color:#0e1a4c; border:3px solid #6a6ec5;margin:-10px"" value="My Text Here" />
</div>