CSS-এ বিভিন্ন দিকের জন্য প্যাডিং

বাহ্যিক মার্জিনের মতোই, অভ্যন্তরীণ প্যাডিংয়ের জন্যও স্বতন্ত্র দিকের জন্য বৈশিষ্ট্য রয়েছে: padding-left, padding-right, padding-top এবং padding-bottom। আসুন তাদের কাজ দেখি:

html<div id="elem">
  some long text
</div>

css#elem {
  padding-top:    10px; /* উপরে */
  padding-right:  20px; /* ডানে */
  padding-bottom: 30px; /* নীচে */
  padding-left:   40px; /* বামে */
  
  width: 300px;
  border: 1px solid red;
  text-align: justify;
}

Результат: