CSS में पैडिंग के साथ काम करना
हमने आपके साथ margin गुण को समझा है,
जो सीमा से बाहर की ओर इंडेंटेशन बनाता है।
इसी तरह एक बहुत ही समान गुण padding भी है,
जो सीमा से अंदर की ओर इंडेंटेशन बनाता है।
आइए अब उदाहरणों के माध्यम से देखें कि यह गुण कैसे काम करता है। शुरुआत के लिए, मैं एक बिना किसी इंडेंटेशन वाला ब्लॉक प्रस्तुत करता हूं (इसका टेक्स्ट सीमाओं से चिपका हुआ है):
<div id="elem">
some long text
</div>
#elem {
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
और अब सभी तरफ के लिए padding को 30px
में सेट करते हैं:
<div id="elem">
some long text
</div>
#elem {
padding: 30px;
width: 300px;
border: 1px solid red;
text-align: justify;
}
: