Elementele inline-block

Elementele de tip block sunt cele carora le putem spune ce dimensiuni sa aiba, precum inaltimea si latimea.

Elementele de tip inline sunt cele ce apar in interiorul textului si nu pot fi stilizate la fel de mult precum cele block.

Intre block si inline

Elementele inline-block sunt cele care pot fi folosite in interiorul textului, dar carora le putem oferi dimensiuni speciale precum unui element block.

De cele mai multe ori in css ne vom ocupa de elemente de tip block. Motivul pentru aceasta este ca aceste elemente sunt mult mai flexibile si mai folositoare decat cele inline.

In primul rand pentru ca ne ajuta sa cream sectiunile dintr-o pagina.

Pentru ca un element <li> este un element block, putem folosi reguli precum height, padding sau margin. Dar in primul rand noi dorim sa le afisam pe toate pe acelasi rand.

Daca le transformam in elemente inline, si anume sa schimbam proprietatea display din block in inline, acestea vor fi pe o singura linie, dar nu vom putea folosi regulile de stilizare pentru elementele block.

Asa ca cea mai buna optiune este sa le transformam in elemente inline-block pentru ca pe acestea putem folosi proprietati precum width si height.