Naarzedziaak
New Member
I'm working on a simple landing page for a site and my form wont align to the center. If you take a look here you can see that it is slightly offset to the right. I've tried adding a container div around the form and well, setting it as a block with margin:0 auto as well, but nothing changes. I've also tried setting class="span6 offset 3" to align it in the center but that little offset still remains. I have a feeling that all the divs inside other divs are building up some sort of margin on, but I can't seem to figure out how to fix it.Here's my HTML code:\[code\]<div class="row"> <div class="span3"></div> <div class="span6"> <div class="well span6" align="center"> <form id="contact-form" name="contact-form" method="post" action="form-processing.php"> <input class="span6" name="Name" id="Fname" type="text" placeholder="Your name" required> <input class="span6" name="Email" id="Email" type="email" placeholder="Your email" required> <input class="span6" name="Message" id="Message" type="text" rows="3" placeholder="What's on your mind?" required><br> <button type="submit" class="btn btn-primary" id="button">Submit</button> <button type="reset" class="btn">Clear</button> </form> </div><!--/.well span6--> </div><!--/.span6 offset3--> <div class="span3"></div> </div><!--/.row-->\[/code\]And here's my non-Bootstrap CSS code:\[code\]h1 {font-family: marvel, serif; color:#060; font-size:90px; -webkit-text-stroke: 1px white;}h2 {font-family: marvel, serif; color:#CCC; font-size:50px; -webkit-text-stroke: 1px black;}p {color:white; font-size:20px;}body{ padding: 40px; margin:0 auto; background-image: url(../img/background.jpg); background-repeat: repeat; background-position: center center;}.welcome {padding:30px 0 0 0;}#Message {overflow:hidden;}.well {margin:0 auto;}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed}\[/code\]If you can figure out what the problem is I'll bake you a pie or something. Thanks.