ここformの外側のpです。margin:30px auto;が適応されてます。
ここformの外側のpです。margin:30px auto;が適応されてます。
p{
margin:30px auto;
}
form{
border:3px solid #f90;
padding:10px;
}
form *{
background:#fc6;
margin:10px auto;
}
<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>