What is difference between display: inline-block , display:inline and display:block

Answer 1

do you know html inline and block level tags
every tag which react like itself+br tag at the end it is block level tag
e.g
div
p
h1-h6
ol, ul etc.
inline tags are which shows inline and dont have br tag at the end
like b ,i ,u ,a ,strong, img ,sub, etc.
so in css you can cascade their properties you can make inline tag to block level tag and to block level tag to inline tag.
or you can show the as block and but show inline .inline-block is like they are blocks but floating to left.

visit
https://medium.com/@DaphneWatson/css-display-properties-block-inline-and-inline-block-how-to-tell-the-difference-7d3a1e6e3051

Answer 2

Learn css display from the sample code by running this code
https://code.sololearn.com/WUWrSMiCq8v6/?ref=app

Answer 3

https://www.w3schools.com/cssref/pr_class_display.asp

https://css-tricks.com/almanac/properties/d/display/