CSS-de padding indentation bilen işlemek

Biz siz bilen serhedden daşary indentation edýän margin hassasyny düşündik. Şeýle hem serhedden içeri indentation edýän padding deýen gaty meňzeş hassasy bar.

Indi mysallar üstünde bu hassaň nähili işleýändigine seredeli. Ilki bilen indentationsyz bloka serediň (onda tekst serhedlere ýapysyp durýar):

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

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

Результат:

Indi bolsa ähli tarap üçin padding-i 30px belgileýäris:

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

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

Результат: