Centering form in an article

Loving the module, great job.

I figured out how to alter the width by editing the CSS, but can't seem to get the module to center in the article. It looks a bit odd shoved against the left side. I tried editing the html directly and putting a center tag in (and I did stop Joomla from "fixing" the html), but it still does not center. Is there a trick to centering modules in articles?

Dear Elmas,

Well, to center the form might be a little trick, also according to the Human Computer Interaction (HIC) studies the content or forms should not be centered;

I suggest you to add a left margin instead, which can be easily done usiing the CSS code bellow:Regards,

That makes a lot of sense about not centering forms. Your solution works much better. Thanks again,

Elmas

I don't know if I inserted the code in the right place. It doesn't apprea to be shifting it over. This is what I have on my CSS:

.ajax-loading {
background: url('../../../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/spinner.gif') no-repeat center;; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:20px
}
#ajaxcontact.message{font-weight:bold;color:#A90F1E}

#ajaxcontact .mathguard-answer{width:20px!important}
#ajaxcontact .ac-field-label{padding:9px 0 0; display:block}
#ajaxcontact #ac_limit_chars{font-weight:bolder;}
#ajaxcontact #ac-email-copy-container{padding:5px 0 5px 0}
#ajaxcontact{width: 300px; margin-left:50px}
#ajaxcontact input.invalid,
#ajaxcontact select.invalid,
#ajaxcontact textarea.invalid{border-color:#FF0000}
#ajaxcontact label.invalid{color:#FF0000}

#ajaxcontact input.inputbox{width:300px}
#ajaxcontact select.inputbox{width:95%}
#ajaxcontact textarea.inputbox{width:95%;overflow:auto}

.required{background-image: url('../../../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/required_bg.gif') !important;
background-repeat: no-repeat !important;
background-position:

right top !important;}
.invalid, input.invalid{border-color:#FF0000 !important}
label.requiredField{font-weight:bold}

This is for the website..
www.placememed.com/index.php/component/content/article/46

Dear Elmas,

It seem that you haven't uploaded the changes to your server, please see:
placememed.com/modules/mod_ajax_contact/css/style.css

I don't know why you've changed the first CSS rule but it should not look for the image in your browser's temporary files folder; The default location is:
Regards,

Thanks again Douglas! After I figured out that Frontpage was "fixing" (breaking) my code when I edited it, your suggestions worked perfectly.

Dear Elmas,

I'm always happy to help!

If you need any further assistance, do not hesitate to ask.

Best regards,