-
votedurstAsked on April 19, 2016 at 12:41 PM
I am trying to align the form to the center of my webpage, but nothing is working. I've tried using a div tag and also just a simple center tag. I've even tried to put it in a table and that didn't work either.
The other issue I am having is that there is a large blank space at the bottom form. I can't figure out how to get rid of it. I'm trying to make the form as compact as possible.
Any help would be appreciated!
Page URL: http://votedurst.com -
victorReplied on April 19, 2016 at 2:06 PM
To align all the field in the center, please inject the following CSS code
.form-line {
text-align : center !important;
}
Please let us know if this helps.
-
votedurstReplied on April 19, 2016 at 2:44 PMDidn’t work.
... -
HubersonReplied on April 19, 2016 at 4:15 PM
Both the form and the 'div' containing it are actually center-aligned, they just set to be 100% of their parent element.
You simply need to reduce the width of the 'div' container of the form. set it to '600px' intead of '100%' for example.
div{
width: 600px;
}