Punimi me padding (hapësirän e brendshme) në CSS

Ne kemi shqyrtuar tashmë vetinë margin, që krijon një hapësirë jashtë kufirit. Ekziston gjithashtu një veti shumë e ngjashme padding, që krijon një hapësirë brenda kufirit.

Le të shohim tani me shembuj se si funksionon kjo veti. Se pari, ja një bllok pa asnjë hapësirë (teksti i tij është ngjitur në kufijtë):

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

css#elem {
  width: 300px;
  border: 1px solid red;
  text-align: justify;
}

Результат:

Dhe tani le t'i caktojmë padding ne30px per te gjitha anët:

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

css#elem {
  padding: 30px;
  width: 300px;
  border: 1px solid red;
  text-align: justify;
}

Результат: