What is the difference between inline, inline-block, and block elements in terms of the box model?

Block elements start on a new line and take up the full available width. Their width, height, margin, and padding all affect layout.

Inline elements flow within text and only take up as much width as their content. Vertical margins and heights are ignored, while horizontal margins and padding apply.

Inline-block elements behave like inline elements (don’t break lines) but allow setting width, height, margins, and padding like block elements.