Problem with width on form

[Tom8001]

Hi, ok so i have just created a form in HTML and am having the following problem in CSS

 

This is what the form looks like: http://gyazo.com/0aa86120ab01c1f660dcf8f30efe4f9d

 

Now you can see that the width is covering the page each side

 

How can i fix this? for both width and height?

 

Here is my code: 

#form {

	background-color: #111;
	margin: 0;
	text-align: center;
	padding: 15px;
	width: auto;
	height: auto;
	color: yellow;
}

#form input {

	border: 2px solid #ff0000;
	color: #ff0000;

}

[adam_bray]

A form isn't your typical layout element and isn't really used for styling like you are.

 

From what you've said.. your problem is that the form is display: block; change it to display: inline-block; and it should be sorted, but personally I'd wrap it in a div and style that.

[Tom8001]

A form isn't your typical layout element and isn't really used for styling like you are.

 

From what you've said.. your problem is that the form is display: block; change it to display: inline-block; and it should be sorted, but personally I'd wrap it in a div and style that.

Worked perfectly thanks!