The difference between display: inline-block and display: block is that, with display: block, a line break happens after the element, so a block element doesn’t sit next to other elements.
And Display: With inline-block, the line after the element does not break, so the block element sits next to the other elements.