What are block-level and inline elements?

Short answer: Block-level elements start on a new line and take full width (e.g., <div>, <p>, <section>). Inline elements stay within a line (e.g., <span>, <a>, <strong>).

Example code

<div>Block</div> <span>Inline</span> Key Takeaway: Block = structure; Inline = styling or small content.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.