Center A Div That Contains A Contact Form

How do I center a contact form which is inside a div. I have tried margin:0 auto; and it didn't work.

Solution 1:

In order to get margin: 0 auto; work you need to set width.

#new_div_3 {
    width: 500px;
    margin: 0 auto;
}

Check the fiddle: http://jsfiddle.net/9cMAC/

Solution 2:

#new_div_3 {
    width:100%;
    display:block;
    margin:auto;
}

Should be all you need.

Solution 3:

Here you go:

#new_div_3 {
margin: 0 auto;
position: relative;
width: 60%;

}

check fiddle

Share

You may like these posts

• 
  Displaying Dynamic Data In Html Page From Vue.js
• 
  Moving Dom Elements Below A Fixed Navigation Bar
• 
  React Changing Route Breaks Height With Layout
• 
  Is There A Standard Client Behaviour For Submitting An Empty Select Multiple?