What is difference between display: inline-block , display:inline and display:block | SoloLearn: Learn to code for FREE!

+3

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

css

9/21/2018 7:56:26 AM

avinash pai

3 Answers

New Answer

+4

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

+3

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

0

https://www.w3schools.com/cssref/pr_class_display.asp https://css-tricks.com/almanac/properties/d/display/