Submit button needs to go below

[Stribor45]

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

Edit fiddle - JSFiddle - Code Playground

[Ray.H]

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%;
    display:block;
    margin:auto;
}

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" />
            <br>
            <input id="submit" name="submit"  alt="Submit" type="submit" value="Send"  />
        </form>