上下左右のマージン 【margin-top、margin-bottom、margin-left、margin-right】

※ブラウザで表示した時の見え方

ボックスの左外側に指定した数値の余白があります

※ソースサンプル

【CSS】
.margin {
margin-left: 30%;
border: #000000 1px solid
}
【HTML】
<div class="margin">ボックスの左外側に指定した数値の余白があります</div>

[ 黒※説明中のタグ 紫※省略可能なタグ 赤※変更可能 緑※文章など ]

※解説

オプション
実数値数値で設定するmargin-top: 20px
%親ボックスの横幅に対する割合で設定するmargin-left: 10%
auto自動設定するmargin-left: auto
機能