CSS - Padding in CSS
Hope this post finds you well. In this video,I explained Padding in CSS. Feel free to comment. For more, please subscribe and press the BELL icon. Please visit my CSS Playlist. Please link, comment, share and subscribe. The code is as follows -
HTML File -
<html>
<head>
<title> CSS Padding </title>
<link rel="stylesheet" href="padding.css">
</head>
<body>
<p> This is my paragraph </p>
<h1> Hi </h1>
<h3> H3 </h3>
</body>
</html>
CSS File -
p {
border: 1px solid blue;
padding: 20px;
}
h1 {
border: 2px dotted green;
padding: 50px;
}
h3 {
border: 2px dashed red;
padding: 5px;
}
HTML File -
<html>
<head>
<title> CSS Padding </title>
<link rel="stylesheet" href="padding.css">
</head>
<body>
<p> This is my paragraph </p>
<h1> Hi </h1>
<h3> H3 </h3>
</body>
</html>
CSS File -
p {
border: 1px solid blue;
padding: 20px;
}
h1 {
border: 2px dotted green;
padding: 50px;
}
h3 {
border: 2px dashed red;
padding: 5px;
}
Comments
Post a Comment