＜head＞
＜style type="text/css"＞
＜!--
　.yohaku_padding {
padding: 10px 20px 30px 40px; /* 上=10px、右=20px、下=30px、左=40px */
border-style: solid;
border-color:firebrick;
}
--＞
＜/head＞

＜body＞
＜div align="" class="yohaku_padding"＞＜h2 class=""＞余白上10右20下30左40＜/h2＞＜/div＞
＜/body＞

padding: 1px;・・・・・上下左右=1px
padding: 1px 2px;・・・・・上下=1px、左右=2px
padding: 1px 2px 3px;・・・・・上=1px、左右=2px、下=3px
padding: 1px 2px 3px 4px;・・・・・上=1px、右=2px、下=3px、左=4px


上下左右のマージンをそれぞれ個別に指定します。
padding-top:1px;・・・・・ top
padding-right:1px;・・・・・ right
padding-bottom:1px;・・・・・bottom
padding-left:1px;・・・・・ left