Padding also 4 types:
1.padding-top
2.padding-right
3.padding-bottom
4.padding-left
<!DOCTYPE html>
<html>
<head>
<title> How to Create Border</title>
<style>
div.story{
border:2px solid black;
<!--padding is inside border applied but margin is outside border applied-->
margin-top:30px;
margin-right:25px;
margin-bottom:40px;
margin-left:30px;
<!--margin:30px;-singel line margin
margin:0px 30px;- two line margin
margin:25px 30px 50px; three line margin
margin:25px 40px 25px 30px;four line margin-->
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
<!--padding:10px 20px 30px-->
}
</style>
</head>
<body>
<section>
<h1>CSS Margins</h1>
<div class="story">
<p>Welcome to tvstreetechnologies</p>
</div>
<p>tvstreetechnologies.blogspot.com</p>
</section>
</body>
</html>
Output:
No comments:
Post a Comment