marginとpadding
divに文字が入っているだけのコードです。
paddingを5pxにしています
margin: 10px 20px; です。
marginとpaddingなしのdivの連続です。
marginとpaddingなしのdivの連続です。
marginとpaddingなしのdivの連続です。
marginとpaddingなしのdivの連続です。
margin-top:1em;のdivの連続です。
margin-top:1em;のdivの連続です。
margin-top:1em;のdivの連続です。
margin-top:1em;のdivの連続です。
padding-top:1em;のdivの連続です。
padding-top:1em;のdivの連続です。
padding-top:1em;のdivの連続です。
padding-top:1em;のdivの連続です。
他のタグにも指定できます。
pタグにpadding-top:1em;
h2タグにmargin-top:1em;
枠が他より広がっているのは、h2自体が1.5emのタグのためです。
margin:auto;について
margin: 0 auto;のdivです
親要素と自分の幅を指定しないと動きません。
margin: auto 0;のdivです
marginの上下autoはmargin-top:0;です。
display: flex;と
margin: auto 0;のdivです
marginの上下autoは中央に表示されます。
padding:auto;について
paddingにautoの値は設定できないようです。
padding: 0 auto;のdivです
動きません。
padding: auto 0;のdivです
動きません。
display: flex;と
padding: auto 0;のdivです
動きません。