Laura23n
3/2/2018 - 11:56 PM

Styling text elements

Height si line-height nu se dau elementelor inline direct, ci se aplica doar pentru elementul parinte al textului. 
Margin: 0 auto; se da doar la block elements, nu la inline-block.(asadar, elementele cu position: absolute, nu pot avea margin: 0 auto;)
Pentru a centra textul elementelor inline-block, se da text-align: center;
Max-width se da la .Wrap pentru a stabili latimea maxima a containerului. Singurul scop al lui wrap e sa limiteze spatiul orizontal la o anumita dimensiune.
Latimea unui element se stabileste in doua modalitati:
  1. box-sizing: border-box;
  2. padding lateral
Distanta dintre litera mica si mare a textului se dubleaza in sus pentru a stabili paddingul de sus si jos.
Inaltimea pentru doua elemente text se stabileste:
1. prin padding dat sus si jos parintelui
2. prin ajustare margine
Daca elementul are mai multe randuri, inaltimea e data de line-height.