padding

<html>
<head>
<title>
funWithPadding
</title>
<style = "css/text">
p{
    background-color:yellow;
    border-style: outset;
    border-width: 20px;
    }
#p1{
    padding:25px 50px;
    }
#p2{
    padding:50px 25px;
    }
#p3{
    padding:100px 10px 50px 0px;
    }
#p4{
    padding:20%;
    }
#p5{
    padding:40% 10%;
    }
#p6{
    padding:25% 30% 10% 5%;
    }


</style>

</head>
<body>
<p id = "p1">
padding:25px 50px;
</p>
<p id = "p2">
padding:50px 25px;</p>
<p id = "p3">
padding:100px 10px 50px 0px;
</p>
<p id = "p4">
padding:20%;
</p>
<p id = "p5">
padding:40% 10%;
</p>
<p id = "p6">
padding:25% 30% 10% 5%;
</p>
</body>
</html>