মার্জিনের জন্য, CSS মার্জিন সম্পত্তি ব্যবহার করুন। মার্জিন বৈশিষ্ট্য একটি HTML উপাদানের চারপাশে স্থান নির্ধারণ করে।
প্যাডিংয়ের জন্য, প্যাডিং বৈশিষ্ট্য আপনাকে একটি উপাদানের বিষয়বস্তু এবং এর সীমানার মধ্যে কতটা স্থান উপস্থিত হওয়া উচিত তা নির্দিষ্ট করতে দেয়৷
CSS -
-এ মার্জিন এবং প্যাডিং দেখানো কোডটি নিচে দেওয়া হলউদাহরণ
<!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> আউটপুট
উপরের কোডটি নিম্নলিখিত আউটপুট −
তৈরি করবে
