<html>
<head>
<title>css Color</title>
<style>
.mypad1 {
padding: 10px 30px; /*PADDING : top + bottom right + left*/
background-color:silver;
}
.mypad4 {
padding: 10px 30px 10px 100px; /*PADDING : top, bottom, right, left*/
padding: 10px 30px 30px; /*PADDING : top, right + left, bottom*/
padding-top: 50px; /*PADDING : padding-top , padding-right , paddin-left, padding-bottom*/
padding-bottom: 10px; /*PADDING : padding-right */
padding-left: 30px; /*PADDING : paddin-left*/
padding-right: 40px; /*PADDING : padding-bottom*/
padding: 40px; /*PADDING : padding all directions */
background-color:#d8c0c0;
}
</style>
</head>
<body>
<h1 class="mypad1">PADDING : top + bottom right + left</h1>
</body>
</html>