CSSにおける各方向のパディング
外側のマージンと同様に、内側の余白（パディング）にも個別の方向を指定するプロパティがあります：
padding-left, padding-right,
padding-top, padding-bottom。
その動作を見てみましょう：
<div id="elem">
some long text
</div>
#elem {
padding-top: 10px; /* 上 */
padding-right: 20px; /* 右 */
padding-bottom: 30px; /* 下 */
padding-left: 40px; /* 左 */
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
