I have only used inline:block; in CSS for images, is it sensible to use it for anything else?
Elements in CSS layout are normally either block-level or inline (with exceptions for elements within flex, table and grid elements). So it’s the basis for all of CSS layout: it treats all elements like boxes or text. display:block makes them act like a block element regardless of what they were before (images are online for example). display:inline makes them act like an inline element. display:inline-block makes it act like a block that is laid out inline.