display:block==>brings on different line
display:inline==>brings on the same line==>but this doesnot let the height,margin-top and bottom,padding-top and buttom to be individually set for each element. So, here comes display:inline-block
display:inline-block lets your bring everything to inline and alo define their indivdual height, margin-top and bottom and padding-top and bottom