padding（パディング）の書き方-CSS

paddingの書き方

指定したい値が方向ごとに異なる場合、個別で指定する方法もありますが、まとめて書くことも可能。
値を4つ、スペース区切りで指定した場合、「上」「右」「下」「左」の順で適用され
値を2つ指定した場合、「上下」「左右」の順に適用されます

sample

.sample1{
  padding:20px 10px 20px 10px;
/*　　上(top)　右(right)　下(bottom)　左(left)　
　　　　　　時計回りに指定　*/
}

.sample2{
  padding:20px 10px;
/*　　    上下　左右　　　*/
}