（例）【CSS】margin-bottomの使用方法
See the Pen
margin by linlin (@linlin098765)
on CodePen.
<p class="sample1">10px</p>
<p class="sample3">上下10px、左右20px</p>
<p class="sample4">上10px、左右20px、下30px</p>
<p class="sample5">上10px、右20px、下30px、左40px</p>
<p class="sample6">ああああ</p>
<p class="sample7">ああああ</p>
<p class="sample8">ああああ</p>
<p class="sample9">ああああ</p>p{background-color:gray;}
p.sample1 {margin: 10px;}
p.sample3 { margin: 10px 20px;}
p.sample4 {margin: 10px 20px 30px;}
p.sample5 {margin: 10px 20px 30px 40px;}
p.sample6 {margin-left:20px;}
p.sample7 {margin-top:20px;}
p.sample8 {margin-bottom:20px;}
p.sample9 {margin-right:20px;}【CSS】margin-bottom：下マージン(余白)を指定する
CSSのmargin-bottomは、下マージン（余白）を指定するプロパティです。
指定方法は、px,vw,vh,%などがあり、負の値も指定可能です。