Move button to center-CodePudding

I was wondering if someone knows how can I move this button slightly to the left so it goes straight to the center. This is the code:

      <!-- Modal for Contact - us Button -->
      <div  id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div  role="document">
          <div >
            <div >
              <h4  id="exampleModalLabel">Contáctanos</h4>
            </div>
            <div >
              <form action="https://formsubmit.co/myemail.com" method="POST">
                <div >
                  <label for="Name">Nombre</label>
                  <input type="text"  id="Name" placeholder="Nombre" required>
                </div>
                <div >
                  <label for="Phone">Celular</label>
                  <input type="tel"  id="phone" placeholder="Celular" required>
                </div>
                <div >
                  <label for="Email">Correo</label>
                  <input type="Email"  id="Email-1" placeholder="Correo" required></textarea>
                </div>
                <div >
                  <label for="Message">Mensaje</label>
                  <textarea  id="Message" placeholder="Ingresa tu mensaje" required></textarea>
                </div>
            <div >
                <button type="submit"  style="margin:0;display:block;width:100%">Enviar</button>
            </div>
        </form>
          </div>
        </div>
      </div>
    </div>

here a picture of what I'm trying to say: https://imgur.com/204WlVD Hope someone can help me out, thanks!

CodePudding user response：

It is hard to tell what you need to do without seeing the css, but I think that if you adjust the padding-left on the modal-footer class you should be able to move the button to the right. If you could upload what your css classes look like, that would be very helpful.

CodePudding user response：

You can apply below css:

 text-align: center;  
 margin: 0 auto;

CodePudding user response：

<div >
  <button type="submit"  style="margin:0;display:block;width:100%">Enviar</button>
</div>

Just Use this one line style

<div  style="justify-content: space-around;">
     <button type="submit" >Enviar</button>
</div>

CodePudding user response：

Try changing the button CSS:

.btn-success { margin: 0 auto; }