मार्जिन के लिए, CSS मार्जिन प्रॉपर्टी का उपयोग करें। मार्जिन गुण HTML तत्व के आसपास के स्थान को परिभाषित करता है।
पैडिंग के लिए, पैडिंग प्रॉपर्टी आपको यह निर्दिष्ट करने की अनुमति देती है कि किसी तत्व की सामग्री और उसकी सीमा के बीच कितनी जगह दिखाई देनी चाहिए।
सीएसएस में मार्जिन और पैडिंग प्रदर्शित करने वाला कोड निम्नलिखित है -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.outer-div {
border: 2px solid purple;
width: 300px;
height: 200px;
}
.inner-div {
border: 2px solid green;
margin: 20px;
padding-left: 20px;
}
</style>
</head>
<body>
<h1>Margin and padding example</h1>
<div class="outer-div">
<div class="inner-div">
Some sample text inside the inner div which will be padded by 20px all sides.
</div>
</div>
</body>
</html> आउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
