（例）【CSS】padding-topの使用方法
See the Pen
padding 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 {padding: 10px;}
p.sample3 {padding: 10px 20px;}
p.sample4 {padding: 10px 20px 30px;}
p.sample5 {padding: 10px 20px 30px 40px;}
p.sample6 {padding-left:20px;}
p.sample7 {padding-top:20px;}
p.sample8 {padding-bottom:20px;}
p.sample9 {padding-right:30px;width:100px;text-align:right;}【CSS】padding-top：上パディング（内側余白）を指定する
CSSのpadding-topは、上パディング（内側余白）を指定するプロパティです。paddingに負の値は指定できません。