form要素内だけマージンを統一したい。

ここformの外側のpです。margin:30px auto;が適応されてます。

ここformの外側のpです。margin:30px auto;が適応されてます。

ここはformの中のpです。margin:10px auto;が適応されています。

ここはformの中のpです。
form * により、formの子にはすべてmargin:10px auto;が適応されるので、下のulリストに対しても同じmarginが適応されてます。

このサンプルのCSS

p{
	margin:30px auto;
	}

form{
	border:3px solid #f90;
	padding:10px;
	}
form *{
	background:#fc6;
	margin:10px auto;
	}

このサンプルのHTML

<p>ここ普通のpです。margin:30px auto;が適応されてます。</p>
<p>ここ普通のpです。margin:30px auto;が適応されてます。</p>
<form action="#" method="post">
<p>ここはformの中のpです。margin:10px auto;が適応されています。</p>
<p>ここはformの中のpです。<br />
form * により、formの子にはすべてmargin:10px auto;が適応されるので、下のulリストに対しても同じmarginが適応されてます。</p>
<ul>
<li>これはリストです。form * なので、当然ulだけでなく、この個々のliに対してもmargin:10px auto;が適応されています。</li>
<li>これはリストです。</li>
<li>これはリストです。</li>
</ul>
</form>