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

• 
  Chrome Css: Adjacent Selector With Sibling Using Pseudo Element Doesn't Work
• 
  How To Put An Image Inside A Button? Using Html And Css Only
• 
  Css - Prevent Elements From Pushing
• 
  Text Shining Effect Not Working Properly How Can I Fix This