Práce s odsazením padding v CSS
Probrali jsme vlastnost margin,
která vytváří odstup ven od hranice.
Existuje také velmi podobná vlastnost padding,
která vytváří odstup dovnitř od hranice.
Podívejme se nyní na příkladech, jak tato vlastnost funguje. Nejprve uvedu blok bez odsazení (jeho text je přilepený k hranicím):
<div id="elem">
some long text
</div>
#elem {
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
A nyní nastavme padding na 30px
pro všechny strany:
<div id="elem">
some long text
</div>
#elem {
padding: 30px;
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
