Tips#1. Difference between inline vs inline-block vs block | CSS

inline

To display list item horizontally instead of vertically.

inline-block

To display list items horizontally instead of vertically.

Diff inline vs inline-block

allows to set a width and height on the element and the top and bottom margins/paddings are respected.

block

Add a line-break after the element, so the element can sit next to other elements.

We are using same css but

display: inline

display: inline

display: block

display: block

Thanks