[Résolu] Placer un bouton au centre

<!-- Load Stripe.js on your website. -->
<script src="https://js.stripe.com/v3"></script>

<!-- Create a button that your customers click to complete their purchase. Customize the styling to suit your branding. -->
<button
  style="background-color:#06e809;color:#FFF;padding:8px 12px;border:0;border-radius:10px;font-size:1em"
  id="checkout-button-price_1IZh2UJeqXuNj1OcQjrOuQQX"
  role="link"
  type="button"
>
  Accéder au Pack Confiance en Soi
</button>

<div id="error-message"></div>

<script>
(function() {
  var stripe = Stripe('pk_test_Z7WCo5oUXnhfCMMKeEh49Tds00TYAWyZ8h');

  var checkoutButton = document.getElementById('checkout-button-price_1IZh2UJeqXuNj1OcQjrOuQQX');
  checkoutButton.addEventListener('click', function () {
    /*
     * When the customer clicks on the button, redirect
     * them to Checkout.
     */
    stripe.redirectToCheckout({
      lineItems: [{price: 'price_1IZh2UJeqXuNj1OcQjrOuQQX', quantity: 1}],
      mode: 'payment',
      /*
       * Do not rely on the redirect to the successUrl for fulfilling
       * purchases, customers may not always reach the success_url after
       * a successful payment.
       * Instead use one of the strategies described in
       *  https://stripe.com/docs/payments/checkout/fulfill-orders
 
       */
      successUrl: 'https://elevalife.fr/success',
      cancelUrl: 'https://elevalife.fr/canceled',
    })
    .then(function (result) {
      if (result.error) {
        /*
         * If `redirectToCheckout` fails due to a browser or network
         * error, display the localized error message to your customer.
         */
        var displayError = document.getElementById('error-message');
        displayError.textContent = result.error.message;
      }
    });
  });
})();
</script>

style="text-align: center;background-color:#06e809;color...(la suite voir plus haut).