What does inline-block mean for css?

Question

Can someone explain the difference between 'block' and 'inline-block' for the CSS display setting?

Answer 1

Basically, it’s a way to make elements inline, but preserving their block capabilities such as setting width and height, top and bottom margins and paddings etc. For example:

(Source: http://www.impressivewebs.com/inline-block/)

Answer 2

inline-block treats the element like other inline elements but allows the use of block properties.

Elements with display: block take up as much width as they are allowed and typically start on a new line.