CODEWITHSUNDEEP
htmlcssalignmentcenter
a.litis
a.litis

Reputation: 443

Aligning div at center doesn't work

This is the page: http://trozato.com/

I try to center the whole newsletter(mailchimp) div but it doesnt work. I have put the following code:

#mc_embed_signup {
margin: 0 auto;

so that it is centered. I want the dimensions to be 400px, also when I try to alter the dimensions of the submit buttons so that they are same, on the browser(chrome tools) with the following code it works but when I put it in the code NOT. 

#mc_embed_signup input.button {
display: block;
width: 58%;
margin: 0 0 10px 0;
min-width: 90px;
}

the width: 58%; should do the work..no?

Upvotes: 1

Views: 2765

Answers (2)

Sean
Sean

Reputation: 110

Try this:

#mc_embed_signup input.button {
display: block;
width: 35%;
margin: 0 auto;
min-width: 90px;
}

#mc_embed_signup input.email {
display: block;
padding: 8px 0;
text-indent: 5px;
width: 58%;
min-width: 130px;
}

Upvotes: 0

Ryan Griggs
Ryan Griggs

Reputation: 2758

Easy: set the margin-left and margin-right of the Input elements to "auto".

Example CSS:

#mce-EMAIL
{
   margin-left: auto;
   margin-right: auto;
}

#mc-embedded-subscribe
{
   margin-left: auto;
   margin-right: auto;
}

Upvotes: 2

Related Questions