Submit button needs to go below

I am having trouble moving submit button bellow the message input field while at same time keep everything centered inside div.

Hi Stribor45,

You can change your submit to display:block; and margin:auto; , then it will drop below and center

input[type=submit] {
    width: 40%;

Or, you can place a <br> tag in your html to force a line break

        <form id="contact" method="post" action="">
            <input type="text" id="contact-name" name="name" placeholder="Name" />
            <input type="text" id="contact-phone" name="phone" placeholder="Phone" />
            <input type="text" id="contact-email" name="email" placeholder="Email" />
            <input type="text" id="contact-message" name="message" placeholder="Message" />
            <input id="submit" name="submit"  alt="Submit" type="submit" value="Send"  />
1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.